핵심 요약
우아한형제들이 웹 접근성 개선 여정을 통해 스크린 리더 사용자 경험을 크게 개선한 사례를 공유합니다.
주요 경험
- 랜드마크/머리말 단위 탐색 도입으로 스크린 리더 탐색 경로를 단축하고 재사용 컴포넌트로 일관성을 확보했습니다.
- 템플릿 리터럴과 NoScreen 컴포넌트로 텍스트 발화를 파편화 없이 자연스럽게 읽히게 했습니다.
- 버튼의 ARIA 속성으로 역할과 상태를 명확히 하여 상호작용 의도를 분명히 했습니다.
얻은 인사이트
- 시맨틱 태그의 역할 정의로 코드 이해와 테스트가 개선되었습니다.
- 실제 스크린 리더 테스트의 중요성을 체감했습니다.
- 가이드 문서와 재사용 컴포넌트 확산으로 개발 생산성이 증가했습니다.
