Skip to content

Conversation

@dev-dino22
Copy link

@dev-dino22 dev-dino22 commented Sep 21, 2025

준, 안녕하세요! 카멜입니다. 좋은 주말 보내셨나요?😃😄

그냥 하면 좋다고만 알고 있었던 aria, role 등의 속성을 직접 스크린 리더로 체험해보면서 개선하니 중요성을 잘 느낄 수 있었어요!
좋은 학습이 되었습니다 ㅎㅎ


개선 사항

  • 시맨틱 태그를 개선하였습니다. 7a11de7
  • index.html 의 언어를 한국어로 설정하였습니다. e21d33f
  • 스크린 리더로 승객 수를 늘리거나 줄일 때 반영된 승객 수를 들을 수 있게 하였습니다. 5713801
  • 최소/최대 승객 수에 도달 시 안내 메세지를 읽어주도록 하였습니다. 5713801
    • disabled 스타일을 적용하여 안내 음성 메세지 뿐 아니라 일반 사용자들도 '감소/증가 버튼 비활성화' 상태를 직관적으로 알 수 있도록 하였습니다. fa7b7ed

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

const result = ""

�항공권 예매
성인
성인 승객 �감소, 버튼
1
성인 승객 증가, 버튼
(선택)
성인 승객 증가
2
(선택)
성인 승객 증가
3
(선택)
최대 승객 수에 도달했습니다.


감사합니다!

@dev-dino22 dev-dino22 self-assigned this Sep 21, 2025
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