코드 한 줄
접근성은 특별한 사람을 위한 기능이 아니다. 팔을 다친 사람, 햇빛 아래에서 휴대폰을 보는 사람, 모두가 언젠가는 쓴다. 출시 전에 보는 목록을 공유한다.
- 모든 이미지에 알맞은 대체 텍스트
- 키보드만으로 모든 기능 사용 가능
- 초점 표시가 보인다
- 글자와 배경 대비 4.5:1 이상
- 버튼과 링크의 이름이 뜻을 말한다
- 입력칸마다 label 연결
- 오류 메시지가 색에만 의존하지 않는다
- 확대 200%에서 가로 스크롤 없음
- 동영상 자막
- 화면 낭독기로 한 번 훑어보기
| 도구 | 용도 |
|---|---|
| 브라우저 개발자 도구 | 대비 · 접근성 트리 확인 |
| 화면 낭독기 | 실제 사용 흐름 확인 |
| 키보드 | Tab, Shift+Tab, Enter, Esc 만으로 써 보기 |
접근성 점검의 절반은 마우스를 치우는 것으로 끝난다.