[사전 미션 - 워밍업] - 수야(최영수) 미션 제출합니다. #26

cys4585 · 2024-09-23T05:27:29Z

Step 1: 언어 설정 변경 (en -> ko)
index.html <html lang="ko">

Step 2: 시맨틱 태그 사용
app.tsx <div>를 <main>, <section>로 수정

Step 3: 버튼 접근성 향상
WAI-ARIA 속성을 활용해 감소/증가 버튼에 의미 부여 (스크린 리더가 버튼의 기능을 이해할 수 있도록)

Step 4: 변경 사항에 대한 실시간 알림 추가
감소/증가 버튼 클릭 시 승객 수 변경 사항을 모바일 낭독기를 통해 실시간으로 들을 수 있도록

Step 5: 최소/최대 값 도달 시 상태 메시지 알림 추가

<div className="visually-hidden" role="alert">
    {statusMessage}
</div>

스크린 리더가 문서의 언어를 인식할 수 있도록 하기 위한 설정

- 대상: App.tsx - div를 main, section으로 수정

WAI-ARIA 속성을 활용해 감소/증가 버튼에 의미 부여 (스크린 리더가 버튼의 기능을 이해할 수 있도록)

감소/증가 버튼 클릭 시 승객 수 변경 사항을 모바일 낭독기를 통해 실시간으로 들을 수 있도록

cys4585 added 5 commits September 18, 2024 19:48

step1: 언어 설정 변경 (en -> ko)

29febc9

스크린 리더가 문서의 언어를 인식할 수 있도록 하기 위한 설정

step2: 시맨틱 태그 사용

277fd57

- 대상: App.tsx - div를 main, section으로 수정

step3: 버튼 접근성 향상

1c71887

WAI-ARIA 속성을 활용해 감소/증가 버튼에 의미 부여 (스크린 리더가 버튼의 기능을 이해할 수 있도록)

step4: 변경 사항에 대한 실시간 알림 추가

2dabbce

감소/증가 버튼 클릭 시 승객 수 변경 사항을 모바일 낭독기를 통해 실시간으로 들을 수 있도록

step5: 최소/최대값 도달시 상태 메시지 알림 추가

0ea4e25

cys4585 self-assigned this Sep 23, 2024

Provide feedback