웹개발실무
웹 접근성Web Accessibility
DEFINITION
웹 접근성은 장애가 있거나 나이·환경 때문에 불편을 겪는 사람도 웹사이트의 내용과 기능을 동등하게 인식하고 사용할 수 있도록 만드는 것입니다.
- 국제 기준
- W3C WCAG 2.2
- 네 가지 원칙
- 인식·운용·이해·견고성
- SEO와 겹치는 곳
- alt · 제목 구조 · 링크 텍스트
01WCAG의 네 가지 원칙
| 원칙 | 뜻 | 홈페이지에서의 예 |
|---|---|---|
| 인식의 용이성 | 내용을 보고 들을 수 있어야 함 | 이미지 대체 텍스트, 충분한 명도 대비 |
| 운용의 용이성 | 누구나 조작할 수 있어야 함 | 키보드만으로 메뉴·양식 사용 |
| 이해의 용이성 | 내용과 사용법을 이해할 수 있어야 함 | 명확한 오류 메시지, 일관된 메뉴 |
| 견고성 | 다양한 기기·보조기술에서 동작 | 올바른 HTML 구조와 레이블 |
02접근성을 지키면 SEO도 함께 좋아지는 이유
스크린 리더와 검색엔진은 둘 다 '화면을 보지 않고 HTML로 페이지를 이해하는' 사용자입니다. 그래서 한쪽을 위한 개선이 다른 쪽에도 그대로 효과를 냅니다.
03오픈 전 접근성 기본 점검
- 의미 있는 이미지에는 설명하는 alt, 장식 이미지에는 빈 alt
- Tab 키만으로 메뉴·버튼·문의 양식을 끝까지 사용할 수 있는가
- 본문 글자와 배경의 명도 대비가 충분한가 (일반 텍스트 4.5:1 이상)
- 입력란마다 연결된 label이 있고, 오류 메시지가 무엇을 고칠지 알려 주는가
- Lighthouse 접근성 점검에서 지적된 항목을 확인했는가
GO DEEPER · NODELIX 가이드
