[사전 미션 - 워밍업] - 데이지(김유경) 미션 제출합니다.

[kimyou1102]

• 스크린 리더로 성인 승객 수를 늘리거나 줄일 수 있어야 한다.
• 인원 수는 최소 1명, 최대 3명까지만 가능하게 구현한다.
• 승객 수를 늘리는 경우 실제 스크린 리더는 아래와 같이 읽을 수 있어야 한다.

Step 1: 언어 설정하기

• html태그에 lang 속성 ko로 변경

Step 2: 시맨틱 태그 사용하기

• main태그: 앱의 주요 내용을 담는 가장 큰 요소에 main 태그 사용
• section 태그: main 태그 안에 있는 항공권 예매 관련 부분을 묶기위해 section 태그 사용

Step 3: 버튼 접근성 향상시키기

• aria-label속성을 사용

Step 4: 변경 사항에 대한 실시간 알림 추가하기

• aria-live 속성 사용
  • polite: 정중한 모드. 현재 읽고 있는 내용이 끝나면 업데이트된 내용을 읽어줌
  • assertive: 단호한 모드. 현재 읽고 있는 내용을 즉시 중단하고 업데이트된 내용을 즉시 읽어준다.
  • 로그인 실패같은 즉각적인 업데이트 내용 읽기가 필요한 상황이 아니므로 polite 속성값 사용

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

• 특정 값에 도달하면 메시지가 렌더되도록 구현
• 동적으로 추가되거나 변경되는 값이기 때문에 role="alert" 속성 추가