본문 바로가기


차이를 넘어 차별없는 세상을 만드는 웹 접근성

웹 세상에는 장애인이 없습니다. 웹 정보를 얻는 것에도 장애는 없어야 합니다.‘차이’를 알면‘차별’을 줄일 수 있습니다.

장애없는 사이버세상: 웹 접근성 향상 캠페인 마크


장애인이 비장애인과 동등하게 웹 사이트를 이용하기 위해서는 웹 접근성 준수가 필요합니다. 이에 우리나라에서는 '인터넷 웹 콘텐츠 접근성 지침'이라는 국가표준을 2005년 12월에 제정하였습니다.

하지만, 웹 접근성 국가표준의 구체적인 사례 등이 부족하여 표준을 다소 이해하기 어렵다는 지적에 따라 본 표준의 이해를 보다 쉽게 이해할 수 있도록 2009년 3월에 ‘웹 접근성 향상을 위한 국가표준 기술 가이드라인’을 개발하여 보급 중에 있습니다. 본 기술 가이드라인은 크게 4가지 원칙에 18개 항목으로 구성되었으며, 자세한 내용은 아래를 참고하시기 바랍니다.

이해의 용이성 (Understandable)

사용자들이 가능한 쉽게 이해할 수 있도록 콘텐츠나 제어방식을 구성해야 한다.

12. Summary, Caption

데이터 테이블을 제공할 경우, 테이블의 내용을 이해할 수 있는 정보(제목, 요약정보 등)를 제공해야 한다.

  • 데이터 테이블의 내용을 이해할 수 있도록 제목(summary 속성, <caption> 태그, <h1> ~ <h6> 중 하나)을 제공

시각장애인이 화면낭독 프로그램을 통해 데이터 테이블의 내용을 이해할 수 있습니다.

영희,철수,광수의 국어, 수학 점수 테이블

13. 데이터 테이블 의미 테그

데이터 테이블을 제공할 경우, 제목 셀과 내용 셀을 구분할 수 있어야 한다.

  • 데이터 셀별로 대응되는 모든 헤더를 확인 할 수 있도록 제목 셀(<th>)과 내용 셀(<td>)을 구분할 수 있는 태그 제공

시각장애인이 화면낭독 프로그램을 통해 데이터 셀에 제시된 의미를 이해 할 수 있습니다.

날씨정보 테이블 예시

14. 페이지 제목

해당 페이지를 잘 이해할 수 있도록 페이지 제목(<title>)을 제공해야 한다.

시각장애인이 화면낭독 프로그램을 통해 해당 페이지를 잘 이해 할 수 있습니다.

청와대뉴스, 대통령연설과 같이 페이지별 다르게 title을 제공하고 있는 예

15. 논리적 순서

콘텐츠는 논리적인 순서로 구성되어야 한다.

  • 키보드로 이동할 경우에도 논리적 순서가 동일하도록 콘텐츠를 제공해야 함

콘텐츠를 논리적인 순서에 따라 올바르게 전달함으로써 사용자가 잘 이해할 수 있습니다.

메인화면 좌에서 우로 위에서 아래로 콘텐츠 구성

16. 온라인 서식

온라인 서식을 제공할 경우, 레이블(<label>)을 제공해야 한다

  • 온라인 서식 작성에 필요한 정보, 서식 구성 요소, 필요한 기능, 작성 후 제출과정 등 서식과 관련된 모든 정보를 제공해야 함

시각장애인이 온라인 서식 이용 시 혼란을 피할 수 있게 됩니다.

로그인 양식 예