[FE] 타이머 시작하기, 타이머 중지하기 접근성 개선 - Githubissues

woowacourse-teams / 2024-coduo

함께 하면 좋은 코딩, 코딩해듀오 💞

https://coduo.site

16 stars 2 forks source link

[FE] 타이머 시작하기, 타이머 중지하기 접근성 개선 #859

Open anttiey opened 2 hours ago

anttiey commented 2 hours ago

연관된 이슈

closes: #824

구현한 기능

✅ 타이머 시작하기

[x] 스크린 리더 사용자가 타이머가 시작되었음을 알 수 있는가?
[x] 스크린 리더 사용자가 현재 드라이버/내비게이터 정보를 인지할 수 있는가?
[x] 스크린 리더 사용자가 타이머의 남은 시간을 인지할 수 있는가?
[x] 키보드만으로 타이머를 시작할 수 있는가?

✅ 타이머 중지하기

[x] 스크린 리더 사용자가 타이머가 중지되었음을 알 수 있는가?
[x] 키보드만으로 타이머를 중지할 수 있는가?

상세 설명

파슬리

가이드 모달, 페어 목록, 페어 역할, 타이머 컴포넌트에 aria-label 추가했습니다.
타이머가 시작되었을 때 aria-live 속성을 통해 타이머의 남은 시간을 동적으로 안내 받을 수 있도록 구현했습니다.