diff --git a/src/components/ConfirmModal.tsx b/src/components/ConfirmModal.tsx index 194a6f5..bf4ce17 100644 --- a/src/components/ConfirmModal.tsx +++ b/src/components/ConfirmModal.tsx @@ -37,6 +37,7 @@ const ConfirmModal = ({ type="button" className="body-m secondary-btn h-10 flex-1 basis-1/2" onClick={onCancel} + aria-label={`${cancelText} 버튼`} > {cancelText} @@ -45,6 +46,7 @@ const ConfirmModal = ({ className="primary-btn body-m h-10 flex-1 basis-1/2" disabled={confirmDisabled} onClick={onConfirm} + aria-label={`${confirmText} 버튼`} > {confirmText} diff --git a/src/components/MessageModal.tsx b/src/components/MessageModal.tsx index 05e9395..0ed8881 100644 --- a/src/components/MessageModal.tsx +++ b/src/components/MessageModal.tsx @@ -44,6 +44,7 @@ const MessageModal = ({ type="button" className="body-m secondary-btn h-10 flex-1 basis-1/2" onClick={onCancel} + aria-label={`${cancelText} 버튼`} > {cancelText} @@ -51,6 +52,7 @@ const MessageModal = ({ type="button" className="primary-btn body-m h-10 flex-1 basis-1/2" onClick={onComplete} + aria-label={`${completeText} 버튼`} > {completeText} diff --git a/src/components/ReportModal.tsx b/src/components/ReportModal.tsx index fbb8f95..30074ad 100644 --- a/src/components/ReportModal.tsx +++ b/src/components/ReportModal.tsx @@ -74,6 +74,7 @@ const ReportModal = ({ reportType, letterId, onClose }: ReportModalProps) => { postReportRequest.reasonType === reason.type && 'bg-primary-2', )} onClick={() => handleReasonClick(reason.type)} + aria-label={`신고 사유: ${reason.name}`} > {reason.name} diff --git a/src/pages/Admin/Filtering.tsx b/src/pages/Admin/Filtering.tsx index aa8db05..e0ecac8 100644 --- a/src/pages/Admin/Filtering.tsx +++ b/src/pages/Admin/Filtering.tsx @@ -41,7 +41,6 @@ export default function FilteringManage() { onClick={() => { setAddInputShow(true); }} - aria-label="추가하기" > diff --git a/src/pages/Admin/RollingPaper.tsx b/src/pages/Admin/RollingPaper.tsx index 81a9bb4..0c99dec 100644 --- a/src/pages/Admin/RollingPaper.tsx +++ b/src/pages/Admin/RollingPaper.tsx @@ -39,7 +39,6 @@ export default function AdminRollingPaper() { type="button" className="ml-auto flex items-center gap-2 rounded-md text-black" onClick={() => setActiveModal(true)} - aria-label='롤링페이퍼 생성하기' > 롤링페이퍼 생성 diff --git a/src/pages/Admin/components/AddRollingPaperModal.tsx b/src/pages/Admin/components/AddRollingPaperModal.tsx index e270297..26a37dd 100644 --- a/src/pages/Admin/components/AddRollingPaperModal.tsx +++ b/src/pages/Admin/components/AddRollingPaperModal.tsx @@ -64,15 +64,10 @@ export default function AddRollingPaperModal({ currentPage, onClose }: AddRollin type="button" className="secondary-btn text-gray-80 body-m flex-1 basis-1/2 px-3 py-2" onClick={onClose} - aria-label="취소하기" > 취소하기 - diff --git a/src/pages/Admin/components/FilterTextItem.tsx b/src/pages/Admin/components/FilterTextItem.tsx index 1c6a8ad..255b06a 100644 --- a/src/pages/Admin/components/FilterTextItem.tsx +++ b/src/pages/Admin/components/FilterTextItem.tsx @@ -77,7 +77,10 @@ export default function FilterTextItem({ - diff --git a/src/pages/Admin/components/PagenationNavigation.tsx b/src/pages/Admin/components/PagenationNavigation.tsx index 2866cda..70ed60d 100644 --- a/src/pages/Admin/components/PagenationNavigation.tsx +++ b/src/pages/Admin/components/PagenationNavigation.tsx @@ -75,6 +75,8 @@ export default function PagenationNavigation({ onClick={() => { handlePageButtonClick(num); }} + aria-label={`${num} 페이지로 이동`} + aria-current={nowPageNumberAt === num ? 'page' : undefined} > {num} @@ -86,7 +88,7 @@ export default function PagenationNavigation({ onClick={() => { handleNextButtonClick(); }} - aria-label="다음으로" + aria-label="다음 페이지로" > next diff --git a/src/pages/Admin/components/ReportHandlingModal.tsx b/src/pages/Admin/components/ReportHandlingModal.tsx index ebdc4b8..b2c9f8b 100644 --- a/src/pages/Admin/components/ReportHandlingModal.tsx +++ b/src/pages/Admin/components/ReportHandlingModal.tsx @@ -54,7 +54,6 @@ export default function ReportHandlingModal({ onClick={() => { setHandleModalOpen(false); }} - aria-label="취소" > 취소 @@ -67,7 +66,6 @@ export default function ReportHandlingModal({ handleDeleteList(selectedReportId); setHandleModalOpen(false); }} - aria-label="전송" > 전송 diff --git a/src/pages/Admin/components/RollingPaperItem.tsx b/src/pages/Admin/components/RollingPaperItem.tsx index be7cfb7..c93cf20 100644 --- a/src/pages/Admin/components/RollingPaperItem.tsx +++ b/src/pages/Admin/components/RollingPaperItem.tsx @@ -69,7 +69,7 @@ export default function RollingPaperItem({ information, currentPage }: RollingPa type="button" className="hover:bg-gray-10 text-gray-60 rounded-md px-3 py-1 hover:text-black" onClick={() => toggleStatus()} - aria-label="중단하기 / 진행하기" + aria-label={information.used ? '중단하기' : '진행하기'} > {information.used ? '중단하기' : '진행하기'} diff --git a/src/pages/Admin/components/Sidebar.tsx b/src/pages/Admin/components/Sidebar.tsx index 55fa07d..5e37509 100644 --- a/src/pages/Admin/components/Sidebar.tsx +++ b/src/pages/Admin/components/Sidebar.tsx @@ -54,10 +54,7 @@ export default function Sidebar() { ))} - diff --git a/src/pages/Home/components/ShowShareAccessModal.tsx b/src/pages/Home/components/ShowShareAccessModal.tsx index 15a952c..f7168f4 100644 --- a/src/pages/Home/components/ShowShareAccessModal.tsx +++ b/src/pages/Home/components/ShowShareAccessModal.tsx @@ -75,7 +75,6 @@ const ShowShareAccessModal = ({ onClose }: ShowShareAccessModalProps) => { className="text-gray-80 body-m flex h-10 w-full items-center justify-between gap-1 rounded-lg bg-white p-3" key={proposal.shareProposalId} onClick={() => handleNavigation(proposal.shareProposalId)} - aria-label="따숨님의 공유 요청" >

{proposal.requesterZipCode}님의 공유 요청

diff --git a/src/pages/LetterBoardDetail/components/Header.tsx b/src/pages/LetterBoardDetail/components/Header.tsx index be9b4d3..ebd9eed 100644 --- a/src/pages/LetterBoardDetail/components/Header.tsx +++ b/src/pages/LetterBoardDetail/components/Header.tsx @@ -30,12 +30,16 @@ const Header = ({ return (
-
- @@ -223,7 +222,6 @@ const LetterBoxDetailPage = () => { className="body-m primary-btn w-full py-2 text-black" disabled={selected.length === 0} onClick={() => setIsOpenShareModal(true)} - aria-label="공유하기" > 공유하기 diff --git a/src/pages/LetterDetail/components/LetterDetailReplyButton.tsx b/src/pages/LetterDetail/components/LetterDetailReplyButton.tsx index ed3b160..f2e96b9 100644 --- a/src/pages/LetterDetail/components/LetterDetailReplyButton.tsx +++ b/src/pages/LetterDetail/components/LetterDetailReplyButton.tsx @@ -12,7 +12,7 @@ export default function LetterDetailReplyButton({ letterDetail }: LetterDetailRe navigate(`/letter/write/?letterId=${letterDetail.letterId}`); }} disabled={!letterDetail?.matched} - aria-label="편지 작성하기" + aria-label={letterDetail?.matched ? '편지 작성하기' : '대화가 종료된 편지입니다.'} > {letterDetail?.matched ? '편지 작성하기' : '대화가 종료된 편지입니다.'} diff --git a/src/pages/MyPage/index.tsx b/src/pages/MyPage/index.tsx index e091935..6b268aa 100644 --- a/src/pages/MyPage/index.tsx +++ b/src/pages/MyPage/index.tsx @@ -152,7 +152,6 @@ const MyPage = () => { onClick={() => { logout(); }} - aria-label="로그아웃" > 로그아웃 @@ -164,7 +163,6 @@ const MyPage = () => { onClick={async () => { setIsOpenModal(true); }} - aria-label="탈퇴하기" > 탈퇴하기 diff --git a/src/pages/NotFound/index.tsx b/src/pages/NotFound/index.tsx index e3591e8..ea85100 100644 --- a/src/pages/NotFound/index.tsx +++ b/src/pages/NotFound/index.tsx @@ -22,7 +22,6 @@ export default function index() { onClick={() => { navigate(`/`); }} - aria-label="집으로 돌아가기" > 집으로 돌아가기 diff --git a/src/pages/Notifications/components/SendingModal.tsx b/src/pages/Notifications/components/SendingModal.tsx index 329a348..70ff870 100644 --- a/src/pages/Notifications/components/SendingModal.tsx +++ b/src/pages/Notifications/components/SendingModal.tsx @@ -32,7 +32,6 @@ export default function SendingModal({ diff --git a/src/pages/Notifications/components/ShareModal.tsx b/src/pages/Notifications/components/ShareModal.tsx index 8227989..e35bf54 100644 --- a/src/pages/Notifications/components/ShareModal.tsx +++ b/src/pages/Notifications/components/ShareModal.tsx @@ -32,7 +32,6 @@ export default function ShareModal({ diff --git a/src/pages/Notifications/index.tsx b/src/pages/Notifications/index.tsx index b33f6ee..ba19d0a 100644 --- a/src/pages/Notifications/index.tsx +++ b/src/pages/Notifications/index.tsx @@ -105,7 +105,6 @@ const NotificationsPage = () => { onClick={() => { handlePatchReadNotificationAll(); }} - aria-label="모두 읽음" > 모두 읽음 diff --git a/src/pages/Onboarding/SetZipCode.tsx b/src/pages/Onboarding/SetZipCode.tsx index 874d168..f03e1db 100644 --- a/src/pages/Onboarding/SetZipCode.tsx +++ b/src/pages/Onboarding/SetZipCode.tsx @@ -38,7 +38,6 @@ const SetZipCode = ({ onClick={() => { setIsZipCodeSet(true); }} - aria-label="다음으로" > 다음으로 diff --git a/src/pages/Onboarding/WelcomeLetter.tsx b/src/pages/Onboarding/WelcomeLetter.tsx index 600de08..49a1716 100644 --- a/src/pages/Onboarding/WelcomeLetter.tsx +++ b/src/pages/Onboarding/WelcomeLetter.tsx @@ -30,7 +30,6 @@ export default function index() { navigate(`/`); sessionStorage.removeItem('onBoarding'); }} - aria-label="홈으로 가기" > 홈으로 가기 diff --git a/src/pages/RandomLetters/components/CoolTime.tsx b/src/pages/RandomLetters/components/CoolTime.tsx index 420e474..7ba4e31 100644 --- a/src/pages/RandomLetters/components/CoolTime.tsx +++ b/src/pages/RandomLetters/components/CoolTime.tsx @@ -70,7 +70,6 @@ export default function CoolTime({ onClick={() => { navigate('/'); }} - aria-label="홈으로 돌아가기" > 홈으로 돌아가기 diff --git a/src/pages/RandomLetters/components/Matched.tsx b/src/pages/RandomLetters/components/Matched.tsx index 3e58736..68b1324 100644 --- a/src/pages/RandomLetters/components/Matched.tsx +++ b/src/pages/RandomLetters/components/Matched.tsx @@ -110,7 +110,7 @@ export default function Matched({ handleDeleteRandomLetterMatching(); }} disabled={isDisabled} - aria-label="취소버튼" + aria-label={isDisabled ? '취소 시간이 지났습니다.' : '답장 취소하기'} > {isDisabled ? '취소 시간이 지났습니다.' diff --git a/src/pages/RandomLetters/components/MatchedLetter.tsx b/src/pages/RandomLetters/components/MatchedLetter.tsx index e54546a..9792a10 100644 --- a/src/pages/RandomLetters/components/MatchedLetter.tsx +++ b/src/pages/RandomLetters/components/MatchedLetter.tsx @@ -41,7 +41,6 @@ const MatchedLetter = ({ matchedLetter }: { matchedLetter: MatchedLetter }) => { state: { randomMatched: true, matchedLetter: matchedLetter }, }); }} - aria-label="편지 작성 버튼" > 편지 작성하기 diff --git a/src/pages/RandomLetters/components/MatchingSelect.tsx b/src/pages/RandomLetters/components/MatchingSelect.tsx index 18ca511..bc5658c 100644 --- a/src/pages/RandomLetters/components/MatchingSelect.tsx +++ b/src/pages/RandomLetters/components/MatchingSelect.tsx @@ -46,15 +46,9 @@ export default function MatchingSelect({ onClick={() => { handleGetRandomLetters(selectedCategory); }} - aria-label="리스트 새로고침" > 재시작 아이콘 - - 리스트 새로고침 - + 리스트 새로고침
{randomLetters.length === 0 ? ( @@ -67,7 +61,6 @@ export default function MatchingSelect({
@@ -111,7 +104,7 @@ export default function MatchingSelect({ selectedCategory === category.category && 'bg-primary-1 text-white', )} key={idx} - aria-label="카테고리 제목" + aria-label={category.title} > {category.title} diff --git a/src/pages/RandomLetters/components/MatchingSelectModal.tsx b/src/pages/RandomLetters/components/MatchingSelectModal.tsx index 3b71a5b..c7d22c5 100644 --- a/src/pages/RandomLetters/components/MatchingSelectModal.tsx +++ b/src/pages/RandomLetters/components/MatchingSelectModal.tsx @@ -45,7 +45,6 @@ function MatchingSelectModal({ onClick={() => { setOpenModal(false); }} - aria-label="거부하기" > 거부하기 @@ -57,7 +56,6 @@ function MatchingSelectModal({ writerId: `${selectedLetter.writerId}`, }); }} - aria-label="승인하기" > 승인하기 diff --git a/src/pages/RollingPaper/components/CommentDetailModal.tsx b/src/pages/RollingPaper/components/CommentDetailModal.tsx index 13c5d0a..cdc47d7 100644 --- a/src/pages/RollingPaper/components/CommentDetailModal.tsx +++ b/src/pages/RollingPaper/components/CommentDetailModal.tsx @@ -28,7 +28,7 @@ const CommentDetailModal = ({ type="button" className="body-b ml-auto text-white" onClick={handleButtonClick} - aria-label="삭제하기 / 신고하기" + aria-label={isWriter ? '삭제하기' : '신고하기'} > {isWriter ? '삭제하기' : '신고하기'} diff --git a/src/pages/RollingPaper/components/WriteCommentButton.tsx b/src/pages/RollingPaper/components/WriteCommentButton.tsx index 88df5d8..e203c07 100644 --- a/src/pages/RollingPaper/components/WriteCommentButton.tsx +++ b/src/pages/RollingPaper/components/WriteCommentButton.tsx @@ -72,7 +72,6 @@ const WriteCommentButton = ({ rollingPaperId }: WriteCommentButtonProps) => { type="button" className="sticky bottom-8 z-10 mt-auto -mb-4 self-start overflow-hidden rounded-sm" onClick={() => setActiveMessageModal(true)} - aria-label="편지 쓰기" > 편지지 이미지

diff --git a/src/pages/Share/index.tsx b/src/pages/Share/index.tsx index 5d3ace1..ab0fb9a 100644 --- a/src/pages/Share/index.tsx +++ b/src/pages/Share/index.tsx @@ -96,7 +96,6 @@ const ShareApprovalPage = () => { type="button" className="body-m secondary-btn h-10 flex-1 basis-1/2" onClick={() => handleProposalApproval('reject')} - aria-label="거부하기" > 거부하기 @@ -105,7 +104,6 @@ const ShareApprovalPage = () => { type="button" className="primary-btn body-m h-10 flex-1 basis-1/2" onClick={() => handleProposalApproval('approve')} - aria-label="승인하기" > 승인하기 diff --git a/src/pages/Write/CategorySelect.tsx b/src/pages/Write/CategorySelect.tsx index c16a70b..fd9e86b 100644 --- a/src/pages/Write/CategorySelect.tsx +++ b/src/pages/Write/CategorySelect.tsx @@ -99,7 +99,6 @@ export default function CategorySelect({ setToastActive({ title: '카테고리를 선택해주세요.', toastType: 'Warning' }); } }} - aria-label="편지 전송" > 편지 전송