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}
+ {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}
+ {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;
+`;