Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
스크린 리더로 읽을 수 있게 main, section등 기초적인 시맨틱 태그 사용.
최소/최대 승객 수 도달 알림을 위해 helpMessage라는 상태를 통해 helpMessage를 리렌더링.
최상위 div는 section으로 교체. 나머지 div는 대체할만한게 없어 aria-label을 사용해 스크린 리더가 읽을 수 있게하기
배운 점
helpMessage를 리렌더 하면서,
aria-live
="polite"를 이용하면 스크린리더로 읽을 수 있다는 것을 알게 되었습니다.(polite: 스택이 모두 비면 알림, assertive: 즉시알림)
유저의 다른 알림을 가로챌만큼 급하지않다고 판단해 polite를 사용.
helpMessage를 리렌더링하면 비장애인 사용자와, 장애인 사용자를 모두 대응할 수 있다고 판단했습니다.