Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[사전 미션 - 워밍업] - 제이드(전세영) 미션 제출합니다. #37

Open
wants to merge 3 commits into
base: main
Choose a base branch
from

Conversation

skiende74
Copy link

@skiende74 skiende74 commented Sep 23, 2024

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

스크린 리더로 읽을 수 있게 main, section등 기초적인 시맨틱 태그 사용.

최소/최대 승객 수 도달 알림을 위해 helpMessage라는 상태를 통해 helpMessage를 리렌더링.

최상위 div는 section으로 교체. 나머지 div는 대체할만한게 없어 aria-label을 사용해 스크린 리더가 읽을 수 있게하기

배운 점

helpMessage를 리렌더 하면서, aria-live="polite"를 이용하면 스크린리더로 읽을 수 있다는 것을 알게 되었습니다.
(polite: 스택이 모두 비면 알림, assertive: 즉시알림)
유저의 다른 알림을 가로챌만큼 급하지않다고 판단해 polite를 사용.
helpMessage를 리렌더링하면 비장애인 사용자와, 장애인 사용자를 모두 대응할 수 있다고 판단했습니다.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant