웹 접근성이란
웹 접근성(Web Accessibility)은 장애가 있는 사용자도 웹을 사용할 수 있게 하는 것입니다. 40년간 사용자 경험을 연구해온 저로서는 접근성이 단순히 준수 사항이 아니라 좋은 설계라고 확신합니다. 시각, 청각, 운동 장애뿐 아니라 일시적 상황(한 손 사용, 밝은 햇빛)에서도 도움이 됩니다.
WCAG 가이드라인
WCAG(Web Content Accessibility Guidelines)는 웹 접근성의 국제 표준입니다. 4가지 원칙: 인식 가능(Perceivable), 조작 가능(Operable), 이해 가능(Understandable), 견고함(Robust). 적합성 수준: A, AA, AAA. 대부분 AA 수준을 목표로 합니다. 법적 요구사항이 있는 국가도 있습니다.
주요 접근성 기법
대체 텍스트(alt): 이미지에 설명을 추가합니다. 시맨틱 HTML: 적절한 태그(header, nav, main, button)를 사용합니다. 키보드 접근성: 마우스 없이 키보드로 모든 기능을 사용할 수 있게 합니다. 색상 대비: 텍스트와 배경의 충분한 명암비를 유지합니다. 폼 레이블: 입력 필드에 명확한 레이블을 연결합니다.
ARIA(Accessible Rich Internet Applications)
ARIA는 동적 콘텐츠의 접근성을 높이는 속성입니다. role: 요소의 역할을 정의합니다. aria-label: 접근 가능한 이름을 제공합니다. aria-hidden: 스크린 리더에서 숨깁니다. 하지만 네이티브 HTML로 가능하면 ARIA는 불필요합니다. 잘못 사용하면 오히려 해롭습니다.
접근성 테스트
자동화 도구(axe, Lighthouse)로 기본 검사를 합니다. 키보드만으로 사이트를 탐색해봅니다. 스크린 리더(NVDA, VoiceOver)로 테스트합니다. 실제 장애인 사용자 테스트가 가장 유용합니다. 접근성은 처음부터 고려하면 비용이 적습니다. 나중에 수정하면 어렵습니다.
댓글
0