diff --git a/frontend/src/components/VoteStatistics/OneLineGraph/index.tsx b/frontend/src/components/VoteStatistics/OneLineGraph/index.tsx index 5ce6552c3..b89aa50f5 100644 --- a/frontend/src/components/VoteStatistics/OneLineGraph/index.tsx +++ b/frontend/src/components/VoteStatistics/OneLineGraph/index.tsx @@ -14,9 +14,11 @@ export default function OneLineGraph({ ageGroup, size }: GraphProps) { return ( - {ageResult.total} + + {ageResult.total} + - {ageResult.name} + ); })} diff --git a/frontend/src/components/VoteStatistics/TwoLineGraph/index.tsx b/frontend/src/components/VoteStatistics/TwoLineGraph/index.tsx index c75880da6..54b609b51 100644 --- a/frontend/src/components/VoteStatistics/TwoLineGraph/index.tsx +++ b/frontend/src/components/VoteStatistics/TwoLineGraph/index.tsx @@ -16,18 +16,22 @@ export default function TwoLineGraph({ ageGroup, size }: GraphProps) { - {ageResult.female} + + {ageResult.female} + - {ageResult.male} + + {ageResult.male} + - {ageResult.name} + ); })} diff --git a/frontend/src/components/VoteStatistics/index.tsx b/frontend/src/components/VoteStatistics/index.tsx index 256d185c4..e54db51bb 100644 --- a/frontend/src/components/VoteStatistics/index.tsx +++ b/frontend/src/components/VoteStatistics/index.tsx @@ -58,14 +58,14 @@ export default function VoteStatistics({ voteResultResponse, size }: VoteStatist ); })} - + {currentRadioMode === 'gender' && ( <> )} diff --git a/frontend/src/components/common/Dashboard/GuestProfile/index.tsx b/frontend/src/components/common/Dashboard/GuestProfile/index.tsx index 8154d6737..9e1e15663 100644 --- a/frontend/src/components/common/Dashboard/GuestProfile/index.tsx +++ b/frontend/src/components/common/Dashboard/GuestProfile/index.tsx @@ -9,9 +9,9 @@ import * as S from './style'; export default function GuestProfile() { return ( - + - + 로그인 후 이용할 수 있습니다 diff --git a/frontend/src/components/common/Dashboard/UserProfile/index.tsx b/frontend/src/components/common/Dashboard/UserProfile/index.tsx index c244808db..3a7e0bfe7 100644 --- a/frontend/src/components/common/Dashboard/UserProfile/index.tsx +++ b/frontend/src/components/common/Dashboard/UserProfile/index.tsx @@ -18,11 +18,11 @@ export default function UserProfile({ userInfo }: UserProfileProps) { const { pathname } = useLocation(); return ( - + {pathname === PATH.USER_INFO ? ( {nickname} ) : ( - + {nickname} )} diff --git a/frontend/src/components/common/Dashboard/profileStyle.ts b/frontend/src/components/common/Dashboard/profileStyle.ts index eae55809c..ff27f8293 100644 --- a/frontend/src/components/common/Dashboard/profileStyle.ts +++ b/frontend/src/components/common/Dashboard/profileStyle.ts @@ -1,6 +1,6 @@ import { styled } from 'styled-components'; -export const ProfileContainer = styled.div` +export const ProfileContainer = styled.section` display: flex; flex-direction: column; justify-content: space-around; diff --git a/frontend/src/components/common/UpButton/index.tsx b/frontend/src/components/common/UpButton/index.tsx index 9b2f790bf..29d7d6db7 100644 --- a/frontend/src/components/common/UpButton/index.tsx +++ b/frontend/src/components/common/UpButton/index.tsx @@ -9,7 +9,7 @@ interface UpButtonProps extends React.ButtonHTMLAttributes {} export default function UpButton({ ...rest }: UpButtonProps) { return ( - + 페이지 최상단으로 스크롤 올리기 ); } diff --git a/frontend/src/pages/VoteStatisticsPage/OptionStatistics/index.tsx b/frontend/src/pages/VoteStatisticsPage/OptionStatistics/index.tsx index 40c4679b4..109d720eb 100644 --- a/frontend/src/pages/VoteStatisticsPage/OptionStatistics/index.tsx +++ b/frontend/src/pages/VoteStatisticsPage/OptionStatistics/index.tsx @@ -46,7 +46,7 @@ export default function OptionStatistics({ return ( + {!isStatisticsOpen && ( + + 투표 선택지를 클릭하여 투표 통계를 열어 확인할 수 있습니다. + + )} {isStatisticsOpen && voteResult && ( - + <> + + 투표 선택지를 클릭하여 투표 통계를 닫을 수 있습니다. + + + )} {isStatisticsOpen && isLoading && ( diff --git a/frontend/src/pages/VoteStatisticsPage/OptionStatistics/style.ts b/frontend/src/pages/VoteStatisticsPage/OptionStatistics/style.ts index 89bb971b9..12dea1286 100644 --- a/frontend/src/pages/VoteStatisticsPage/OptionStatistics/style.ts +++ b/frontend/src/pages/VoteStatisticsPage/OptionStatistics/style.ts @@ -27,3 +27,8 @@ export const LoadingWrapper = styled.div` height: 100px; `; + +export const ScreenReaderDirection = styled.p` + position: absolute; + left: -9999px; +`;