🌳 고급 web
웹 접근성이 왜 중요한가요?
쉽게 이해하기
건물에 휠체어 경사로나 점자 블록을 설치하는 것처럼, 웹사이트도 시각장애인이 스크린리더로 읽을 수 있게 만들거나, 키보드만으로도 모든 기능을 쓸 수 있게 해야 합니다. 이게 바로 웹 접근성입니다.
핵심 정리
장애가 있는 사람도 웹을 쉽게 쓸 수 있게 만드는 것이 웹 접근성입니다.
자세히 알아보기
웹 접근성(Web Accessibility)은 나이, 장애 여부, 환경에 관계없이 누구나 웹을 이용할 수 있게 만드는 것을 의미합니다. 시각장애인은 스크린리더로 웹을 '듣고', 청각장애인은 자막으로 영상을 보며, 손 떨림이 있는 사람은 큰 버튼으로 클릭합니다. 접근성을 고려하지 않으면 이런 사용자들이 웹사이트를 아예 쓸 수 없게 됩니다.
웹 접근성의 기본 원칙은 WCAG(Web Content Accessibility Guidelines)에 정리되어 있습니다. 대표적인 규칙으로는 '이미지에 alt 텍스트 넣기', '충분한 색상 대비 유지하기', '키보드만으로 모든 기능 사용 가능하게 하기', 'form 요소에 label 연결하기' 등이 있습니다. 예를 들어 <img> 태그에 alt 속성을 넣으면 스크린리더가 이미지 내용을 읽어줍니다.
실무에서는 법적 요구사항이기도 합니다. 한국의 '장애인차별금지법', 미국의 'ADA(Americans with Disabilities Act)' 등이 웹 접근성을 의무화하고 있어서, 공공기관이나 대기업 웹사이트는 접근성 인증을 받아야 합니다. 또한 접근성을 고려하면 SEO에도 도움이 되는데, 시맨틱 HTML이나 명확한 텍스트는 검색엔진도 이해하기 쉽기 때문입니다.
접근성을 개선하려면 시맨틱 HTML을 쓰고, ARIA 속성으로 역할을 명시하며, 색상만으로 정보를 전달하지 않고, 키보드 포커스 순서를 논리적으로 설정해야 합니다. Chrome의 Lighthouse나 axe DevTools 같은 도구로 접근성 점수를 측정하고 개선할 수 있습니다. 처음부터 접근성을 고려하면 나중에 고치는 것보다 훨씬 효율적입니다.