fix: 부적절하게 사용된 aria-label 수정

Author: tifsy

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 ? '중단하기' : '진행하기'}
           </button>

src/pages/LetterBoardDetail/components/Header.tsx

@@ -30,12 +30,16 @@ const Header = ({
   return (
     <header className="fixed top-0 z-40 w-full max-w-150">
       <div className="flex h-16 items-center justify-between bg-white p-5">
-        <button onClick={() => navigate(-1)}>
+        <button onClick={() => navigate(-1)} aria-label="뒤로가기">
           <ArrowLeftIcon className="text-primary-1 h-6 w-6" />
         </button>
         <div className="flex items-center gap-3">
           <div className="flex items-center gap-1">
-            <button type="button" onClick={onToggleLike} aria-label="좋아요">
+            <button
+              type="button"
+              onClick={onToggleLike}
+              aria-label={isLike ? '좋아요 취소' : '좋아요'}
+            >
               {isLike ? (
                 <LikeFilledIcon className="text-primary-1 h-6 w-6" />
               ) : (

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 ? '편지 작성하기' : '대화가 종료된 편지입니다.'}
     </button>

src/pages/RandomLetters/components/Matched.tsx

@@ -110,7 +110,7 @@ export default function Matched({
             handleDeleteRandomLetterMatching();
           }}
           disabled={isDisabled}
-          aria-label="취소버튼"
+          aria-label={isDisabled ? '취소 시간이 지났습니다.' : '답장 취소하기'}
         >
           {isDisabled
             ? '취소 시간이 지났습니다.'

src/pages/RandomLetters/components/MatchingSelect.tsx

@@ -111,7 +111,7 @@ export default function MatchingSelect({
                 selectedCategory === category.category && 'bg-primary-1 text-white',
               )}
               key={idx}
-              aria-label="카테고리 제목"
+              aria-label={category.title}
             >
               {category.title}
             </button>

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 ? '삭제하기' : '신고하기'}
         </button>