HTML 접근성(Accessibility)

웹에서 접근성이란?

웹에 접근하려는 모든 사용자들이 원활하게 접근할 수 있도록 하는 것을 의미합니다.

 

웹에서 접근성을 높이는 법

1. HTML에서 요소를 올바른 용도로 사용하기

• HTML에서 어떤 언어를 사용할 것인지를 정하면, SEO에도 좋고 브라우저가 알맞은 언어와 단어를 구분할 수 있도록 함

• <img>요소에서 alt를 이용해 이미지에 대한 설명을 추가함

• <h1>~<h6>태그로 아웃라인을 생성하기

2. CSS와 JavaScript를 적절히 사용하기

• 복잡한 컨텐츠도 많은 브라우저에서 접근할 수 있도록 설계해야 함

3. WAI-ARIA

• Web Accessiblity Initiative - Web Accessible Rich Internet Applications로 웹콘텐츠 및 웹 어플리케이션의 접근성과 상호 운용성을 개선하기 위한 명세

• WAI-ARIA의 작성 규칙에 맞게 작성해야 함

4. 모바일 접근성

• 모바일 기기를 이용한 웹 접근이 iOS, Android 등과 같이 유명한 플랫폼에서 웹 콘텐츠를 접근할 수 있도록 구성해야 함