fix: 누락된 aria-label 추가

Author: tifsy

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}
           </button>
@@ -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}
           </button>

src/components/MessageModal.tsx

@@ -44,13 +44,15 @@ const MessageModal = ({
           type="button"
           className="body-m secondary-btn h-10 flex-1 basis-1/2"
           onClick={onCancel}
+          aria-label={`${cancelText} 버튼`}
         >
           {cancelText}
         </button>
         <button
           type="button"
           className="primary-btn body-m h-10 flex-1 basis-1/2"
           onClick={onComplete}
+          aria-label={`${completeText} 버튼`}
         >
           {completeText}
         </button>

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}
           </button>

src/pages/Admin/components/FilterTextItem.tsx

@@ -77,7 +77,10 @@ export default function FilterTextItem({
         <DeleteIcon className="h-5 w-5" />
       </button>
 
-      <button onClick={() => handlePatchBadWordsUsed(badWord.id, badWord.isUsed)}>
+      <button
+        onClick={() => handlePatchBadWordsUsed(badWord.id, badWord.isUsed)}
+        aria-label={badWord.isUsed === 'true' ? '비속어 사용 활성화' : '비속어 사용 비활성화'}
+      >
         {badWord.isUsed === 'true' ? (
           <ToggleOn className="h-5 w-5" />
         ) : (

src/pages/Admin/components/MenuModal.tsx

@@ -38,6 +38,7 @@ export default function MenuModal({
             content.onClick();
             setModalOpen(false);
           }}
+          aria-label={content.title}
         >
           {content.title}
         </button>

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}
             </button>
@@ -86,7 +88,7 @@ export default function PagenationNavigation({
           onClick={() => {
             handleNextButtonClick();
           }}
-          aria-label="다음으로"
+          aria-label="다음 페이지로"
         >
           next
         </button>

src/pages/Home/components/LetterActions.tsx

@@ -35,6 +35,13 @@ const LetterActions = () => {
               key={index}
               onClick={() => setActiveModal(item.title)}
               className="flex h-12 w-12 items-center justify-center gap-[10px] rounded-full bg-white/40 text-gray-50 shadow-[inset_0_-2px_2px_0_rgba(208,169,14,0.30),_0_0px_4px_0_rgba(199,164,29,0.30)] dark:text-white dark:shadow-[inset_0_-2px_2px_0_rgba(255,255,255,0.30),_0_0px_4px_0_rgba(180,180,180,0.30)]"
+              aria-label={
+                item.title === 'incomingLetters'
+                  ? '받은 편지함 열기'
+                  : item.title === 'draft'
+                    ? '임시 저장 편지 열기'
+                    : '공유 권한 관리'
+              }
             >
               {item.icon}
             </button>