[feat] 본인인증 모달 적절한 스크린 리더 자막 추가, qna 스크린 리더 자막 추가

softeerbootcamp4th · Aug 22, 2024 · 5bbe136 · 5bbe136
1 parent 279ffed
commit 5bbe136
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 5 deletions.
diff --git a/src/mainPage/features/qna/QnAArticle.jsx b/src/mainPage/features/qna/QnAArticle.jsx
@@ -26,7 +26,7 @@ function QnAArticle({ question, answer }) {
     <article className="w-full max-w-[1200px] flex flex-col gap-4 md:gap-6 lg:gap-8 py-2 md:py-4 lg:py-6 border-b border-neutral-200">
       <button className="flex justify-between items-center cursor-pointer" onClick={onClick}>
         <h3 className="flex gap-2 lg:gap-3 font-bold text-black text-body-m lg:text-body-l">
-          <span className="text-blue-400">Q.</span>
+          <span className="text-blue-400" aria-hidden="true">Q.</span>
           {question}
         </h3>
         <img

diff --git a/src/mainPage/shared/auth/AuthCode/index.jsx b/src/mainPage/shared/auth/AuthCode/index.jsx
@@ -40,7 +40,7 @@ function AuthSecondSection({ name, phone, onComplete }) {
   const josa = "013678".includes(phone[phone.length - 1]) ? "으" : "";
   return (
     <div className="w-full h-[calc(100svh-2rem)] max-h-[40.625rem] p-6 min-[520px]:px-20 py-10 relative flex flex-col gap-14">
-      <p className="text-body-l font-bold text-neutral-700">
+      <p className="text-body-l font-bold text-neutral-700" aria-live="polite">
         {phone}
         {josa}로<br />
         인증번호를 전송했어요.

diff --git a/src/mainPage/shared/auth/InfoInput/index.jsx b/src/mainPage/shared/auth/InfoInput/index.jsx
@@ -17,7 +17,7 @@ function AuthFirstSection({ name, setName, phone, setPhone, goNext, goFindUser }
 
   return (
     <div className="w-full h-[calc(100svh-2rem)] max-h-[40.625rem] p-6 min-[520px]:px-20 py-10 relative flex flex-col gap-14">
-      <p className="text-body-l font-bold text-neutral-700">
+      <p className="text-body-l font-bold text-neutral-700" aria-live="polite">
         이벤트 응모를 위해
         <br />
         간단한 정보를 입력해주세요!

diff --git a/src/mainPage/shared/auth/UserFind/index.jsx b/src/mainPage/shared/auth/UserFind/index.jsx
@@ -21,7 +21,7 @@ function AuthFindSection({ goPrev, onComplete }) {
 
   return (
     <div className="w-full h-[calc(100svh-2rem)] max-h-[34.375rem] px-6 min-[520px]:px-20 py-10 relative flex flex-col gap-10">
-      <p className="text-body-l font-bold text-neutral-700">
+      <p className="text-body-l font-bold text-neutral-700" aria-live="polite">
         등록했던 정보를
         <br />
         다시 한 번 입력해주세요!

diff --git a/src/mainPage/shared/auth/Welcome/index.jsx b/src/mainPage/shared/auth/Welcome/index.jsx
@@ -13,7 +13,7 @@ function WelcomeModal() {
       role="dialog"
       aria-labelledby={id}
     >
-      <p className="text-body-l font-bold text-neutral-700" id={id}>
+      <p className="text-body-l font-bold text-neutral-700" id={id} aria-live="polite">
         정보가
         <br />
         등록되었습니다!