[WEB] 웹 접근성(Web Accessibility)

 

 

 

웹 접근성이란 장애를 가진 사람들도 신체적 또는 환경적 조건에 관계없이 인터넷을 통해 정보에 접근하고 이용할 수 있도록 하는 것을 말한다. 이는 인터넷을 더욱 공평하고 인종이나 성별, 연령, 장애 유무와 상관없이 모두가 이용할 수 있는 공간으로 만드는 것을 목표로 한다.

 

예를 들어 시각 장애인의 경우 화면을 눈으로 볼 수 없으므로 스크린 리더라는 별도의 소프트웨어를 PC에 설치하여 음성으로 웹 페이지에 담긴 정보를 이해한다. 하지만 스크린 리더가 스스로 웹 페이지의 내용을 분석하지는 못한다. 만약 로그인 페이의 경우 해당 페이지의 디자인을 '로그인'이라는 텍스트 대신 로그인 이미지를 사용할 경우 스크린 리더는 이를 인식하지 못해 시각 장애인이 홈페이지를 이용할 수 없게 되는 차별이 일어난다. 따라서 이미지 대신 소스코드에 내용을 그대로 담는 것이 권장되며, 부득이하게 이미지를 사용할 경우 아래와 같이 반드시 해당 이미지가 어떤 내용인지 alt 속성을 통해 설명을 추가해야 한다.

<img arc = "img/login.png" alt="로그인 />

 

 

cf) 웹 접근성을 위해 사용되는 보조기기에는 자막, 스크린 리더, 자동완성 기능, 마우스 스틱, 색상 대비 디자인 등이 있음.

 

 

 

---

 

 

웹 접근성을 준수하는 방법

웹 접근성은 모든 사람이 인터넷을 이용할 수 있는 공간을 만들기 위한 중요한 요소다. 따라서 웹 개발자는 웹 접근성을 고려하여 웹 사이트를 구축하고 이를 통해 모든 사용자들이 웹 사이트를 쉽게 이용할 수 있도록 노력해야 한다.

 

 

1. 시각적 요소 처리

시각 장애인은 이미지, 비디오, 그래픽 등을 인식할 수 없다. 그러므로 대체 텍스트, 적절한 색상 대비, 텍스트 크기 등을 고려하여 시각적 요소를 처리해야 한다.

 

 

2. 청각적 요소 처리

청각 장애인은 오디오 콘텐츠를 이해할 수 없으므로 자막, 수화, 오디오 설명 등을 제공하여 청각적 요소를 처리해야 한다.

 

 

3. 키보드 접근성

지체 장애인은 마우스를 사용하는 데 어려움이 있으므로 키보드를 통해 웹 사이트를 이용해야 한다. 따라서 키보드만으로 웹 사이트를 이용할 수 있도록 고현해야 한다.

 

 

4. 웹 접근성 검사

웹 사이트를 구축할 때 WCAG 준수 여부를 검사하여 웹 접근성을 확보할 수 있다.

 

 

---

 

 

웹 콘텐츠 접근성 지침(WCAG)

웹 콘텐츠 접근성 지침(WCAG)은 웹 접근성을 확보하기 위한 국제 표준으로, 다양한 장애를 가진 사용자들이 웹 사이트에 쉽게 접근하고 이용할 수 있도록 하는 일종의 가이드라인이다.

 

WCAG는 4가지 원칙과 13가지 지침, 78가지 성공 기준으로 구성되어 있다.

 

 

1. 인식의 용이성

정보와 사용자 인터페이스 요소는 그들이 인지할 수 있도록 사용자에게 표시될 수 있어야 한다.

• 텍스트가 아닌 콘텐츠에 대체 텍스트를 사람들이 원하는 인쇄, 점자, 음성, 기호 또는 간단 언어 등과 같은 형태로 제공해야 한다.
• 정보와 구조의 손실 없이 콘텐츠를 다른 방식(예를 들면 더욱 간단한 형태로)들로 표현할 수 있어야 한다.
• 사용자들이 보다 쉽게 보고 들을 수 있는 전경에서 배경을 분리한 콘텐츠를 만들어야 한다.

 

 

2. 운용의 용이성

사용자 인터페이스 요소와 탐색은 운용 가능해야 한다.

• 키보드로 모든 기능을 사용할 수 있도록 해야 한다.
• 읽기 및 콘텐츠를 사용하는 사용자에게 충분한 시간을 제공해야 한다.
• 사용자가 탐색하고 콘텐츠를 찾고 그들이 어디에 위치하고 있는지를 알 수 있도록 도와주는 방법을 제공해야 한다.

 

 

3. 이해의 용이성

정보와 사용자 인터페이스 운용은 이해할 수 있어야 한다.

• 텍스트 콘텐츠를 판독하고 이해할 수 있도록 만들어야 한다.
• 웹 페이지의 탑재와 운용을 예측 가능한 방법으로 제작해야 한다.
• 사용자의 실수를 방지하고 수정할 수 있도록 도와야 한다.

 

 

4. 내구성

콘텐츠는 보조 기술을 포함한 넓고 다양한 사용자 에이전트에 의존하여 해석될 수 있도록 충분히 내구성을 가져야 한다.

• 웹 기술 사용, 호환성 검사, 오류 정정 등