Lighthouse 점수만 믿지 마세요! 스크린 리더 경험 개선으로 접근성을 확보하세요.
by DD
7개월 전
조회수 19
Lighthouse 점수에 의존한 접근성 개선이 실제 사용성 개선으로 이어지지 않음을 인지
스크린 리더 사용 경험을 기반으로 탐색 단위, 텍스트 파편화, 상호작용 요소 개선
구매하기 버튼까지의 스와이프 횟수를 90% 이상 감소시키며 접근성 대폭 향상
스크린 리더 사용성 개선의 핵심
접근성 개선은 스크린 리더 사용자의 경험을 최우선으로 고려해야 한다. 구체적으로 랜드마크와 머리말을 활용하여 탐색 단위를 만들고, 템플릿 리터럴을 통해 텍스트 파편화를 해결한다. 따라서 ARIA 속성을 적절히 활용하여 상호작용 요소의 역할을 명확히 해야 한다.
Lighthouse 점수의 맹점과 실제 사용성
Lighthouse는 접근성 점수를 측정하지만, 실제 사용성을 완벽하게 반영하지 못한다. 반면 스크린 리더를 직접 사용해 보면, 300번 이상의 스와이프가 필요한 문제점을 발견할 수 있다. 결과적으로 Lighthouse 점수보다 실제 사용자의 경험을 우선시해야 한다.
개발자를 위한 접근성 개선의 부가 효과
접근성 개선은 시맨틱 태그 사용을 장려하여 코드의 가독성을 높인다. 따라서 코드 구조를 쉽게 파악하고, 테스트 코드 작성 시 사용자 경험을 반영할 수 있다. 결과적으로 개발 생산성 향상과 더불어 유지보수성까지 확보할 수 있다.
