feat: (#741) 공지사항 웹 접근성 개선

woowacourse-teams · Oct 15, 2023 · 5b1f7f9 · 5b1f7f9
1 parent 962d1ae
commit 5b1f7f9
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/frontend/src/components/common/Dashboard/index.tsx b/frontend/src/components/common/Dashboard/index.tsx
@@ -35,7 +35,7 @@ export default function Dashboard() {
  </ErrorBoundary>
  <S.NoticeListLink to={PATH.NOTICES}>
  <span>공지사항 보러가기</span>
- <S.Image src={arrowRight} alt="작성글 페이지 이동 화살표" />
+ <S.Image src={arrowRight} alt="" />
  </S.NoticeListLink>
  <S.CategorySectionWrapper>
  <ErrorBoundary>

diff --git a/frontend/src/components/notice/NoticeDetail/index.tsx b/frontend/src/components/notice/NoticeDetail/index.tsx
@@ -16,10 +16,10 @@ export default function NoticeDetail({ title, content, createdAt }: NoticeDetail
 
  return (
  <S.Container>
- <S.Category>VoTogether 공지사항</S.Category>
- <S.Title>{title}</S.Title>
- <S.CreatedAt>작성일 : {createdDate}</S.CreatedAt>
- <S.Content>{content}</S.Content>
+ <S.Category tabIndex={0}>VoTogether 공지사항</S.Category>
+ <S.Title tabIndex={0}>{title}</S.Title>
+ <S.CreatedAt tabIndex={0}>작성일 : {createdDate}</S.CreatedAt>
+ <S.Content tabIndex={0}>{content}</S.Content>
  <S.ButtonContainer>
  <S.ButtonWrapper>
  <SquareButton

diff --git a/frontend/src/pages/notice/NoticeListPage/index.tsx b/frontend/src/pages/notice/NoticeListPage/index.tsx
@@ -66,7 +66,7 @@ export default function NoticeListPage() {
  return (
  <Layout isSidebarVisible>
  <S.Container>
- <S.Title>보투게더 소식</S.Title>
+ <S.Title tabIndex={0}>보투게더 소식</S.Title>
  <NoticeList noticeList={MOCK_NOTICE_LIST} />
  <S.ButtonWrapper>
  <SquareButton theme="fill" aria-label="공지사항 더보기">