[사전 미션 - 워밍업] - 로건(신종욱) 미션 제출합니다.

[dlsxjzld]

Step 1: 언어 설정하기

• index.html에 lang 속성을 설정
• lang 속성을 en에서 ko로 설정하여 스크린 리더가 문서를 한국어로 인식할 수 있도록 했습니다.

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

• main, section 시맨틱 태그 적용
• 스크린 리더가 main 영역을 잡습니다.

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

• 승객 감소/추가 버튼에 aria-label을 추가
• 감소 버튼: "성인 승객 감소"
• 추가 버튼: "성인 승객 증가"

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

• 승객 수를 나타내는 span 태그에 aria-live 속성으로 polite를 추가
• polite: 현재 읽고 있는 것을 다 읽고 변경 사항을 읽음, 알림음 없음
• assertive: 현재 읽고 있는 것을 다 읽지 않고 바로 변경 사항을 읽음, 알림음 있음

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

• 최소/최대 값에 대한 알림을 할 수 있도록 메시지를 나타내는 span태그에 role 속성으로 alert을 추가
• alert: aria-live="assertive"와 aria-atomic="true"를 합친 것
• status: aria-live="polite"와 aria-atomic="true"를 합친 것
• 시각 사용자도 볼 수 있도록 속성 변경