접근성이랑, 장애인과 비장애인이 동등하게 정보를 습특할수 있도록 하는 것이다. 우리 나라 에서는 이걸 별도의 지침을 만들어 좀 더 기술적으로 명확하게 대처하고 있다. 이는 장차법(장애인 차별금지 및 권리구제 등에 대한 법률) 등에 근거를 두고 있다.
3. 이해의 용이성 (understandable)
사용자가 장애 유무 등에 관계 없이 콘텐츠의 내용을 이해할 수 있어야 한다.
3. 견고성 (robust)
사용자가 콘텐츠를 이용할 수 있도록 기술에 영향을 받지 말아야 한다. (에러 안나면 된다.)
다만 잘 간과하는 것이 있는데, 장애인 만을 위한 서비스는 아닌 것이 "특수한 환경에 의해 수행방식이 제한되는 경우" 또한 이에 포함되기 때문에 특정 입력기기에 종속된 서비스를 만들지 말아야 한다. (예를 들어 마우스가 고장났다고 해보자 ;;)
이 지침은 총 4개의 원칙(간단하게 원리라고 하자), 13개의 지침(원칙을 구현하는 방법), 24개의 검사 항목으로 구성되어 있다. 이 글은 이 내용 이외에 한가지 나중에 추가될지도 모르는 항목에 대해 같이 쓰기도 하고 한번에 설명이 가능한 항목에 대해서는 요약해서 기술하도록 한다.
원칙을 기준으로 내용을 분석해 보도록 하자. 그리고 몇 가지 용어 또한 알고 있어야 하는데, 간단하게 '스크린 리더'가 무엇이고 어떻게 쓰이는 건지는 알고 보는게 좋다.
1. 인식의 용이성 (perceivable)
사용자가 장애 유무 등에 관계 없이 모든 컨텐츠의 내용을 파악할 수 있도록 하는 것.
| 지침 | 검사항목 |
|---|---|
| 대체 텍스트 | 텍스트가 아닌 콘텐츠에는 그 의미를 알 수 있도록 대체 텍스트를 제공해야 한다. (스크린리더 사용자를 위한 배려) |
| 멀티미디어 대체 수단 | 영상, 음성 콘텐츠 에는 자막 또는 수화 등을 사용하여야 한다 (청각장애인 배려) |
| 명료성 | 색에 관련없이 콘텐츠의 의미를 식별할 수 있어야 한다 (색맹, 색약) |
| 명료성 | 지시사항은 모양,크기,위치,방향,색,소리 등에 관계없이 인식이 가능해야 한다 (시각,청각장애인 배려 특정 감각이 없을때 지시사항을 파악을 못하는걸 방지) |
| 명료성 | 콘텐츠와 배경의 명도는 최소 4.5 : 1 이어야 한다. |
| 명료성 | 자동으로 소리가 재생되지 않아야 한다. (스크린리더에 방해됨) |
| 명료성 | 이웃한 콘텐츠는 구별할 수 있어야 한다. (저시력장애인 배려) |
이를 지키지 않은 코딩 예시 (대체텍스트, 멀티미디어)
1 | <body> |
2번 라인에는 alt 등을 통한 대체텍스트가 필요하고 video는 자막을 track라는 하위 태그를 통해 구현할 수 있다.
2. 운용의 용이성 (operable)
사용자가 장애 유무 등에 관계 없이 모든 기능을 사용할 수 있어야 한다. 예를 들어 키보드로만 사용시에 불편점이 있으면 이를 어긴걸로 볼 수 있다.
| 지침 | 검사항목 |
|---|---|
| 입력장치 접근성 | 모든 기능은 키보드만으로도 사용할 수 있어야 한다. |
| 입력장치 접근성 | 키보드에 의한 초점은 논리적으로 이동해야 하며 (다음 초점이 어디로 갈지 예측이 되어야 하며) 시각적으로도 구별이 되어야 한다. |
| 입력장치 접근성 | 사용자 입력 및 컨트롤은 조작 가능하도록 제공되어야 한다. (임의로 disable 한것이 아니라면 다 편집이 잘 되어야 한다.) |
| 충분한 시간 제공 | 시간제한이 있는 콘텐츠는 응답시간 조절이 가능해야 한다. (운동장애가 있는 장애인을 배려) |
| 충분한 시간 제공 | 자동으로 변경되는 콘텐츠는 움직임을 제어할 수 있어야 한다. (스크린리더 사용에 방해됨) |
| 광과민성 발작 예방 | 너무 번쩍거리는 콘텐츠를 제공하지 않아야 한다. (초당 3~50회, 간질 등의 기저질환자 배려) |
| 쉬운 내비게이션 | 콘텐츠의 반복되는 영역은 건너뛸 수 있어야 한다. (키보드 사용자 배려) |
| 쉬운 내비게이션 | 페이지의 영역별로 영역이 무엇을 의미하는지 적절한 제목을 사용하여야 한다. |
| 쉬운 내비게이션 | 링크 텍스트는 용도나 목적을 이해할수 있도록 제공해야 한다. |
3. 이해의 용이성 (understandable)
사용자가 장애 유무 등에 관계 없이 콘텐츠의 내용을 이해할 수 있어야 한다.
| 지침 | 검사항목 | |
|---|---|---|
| 가독성 | 주로 사용하는 언어를 명시해야 한다. (이래야 스크린리더에서 언어권에 맞는 보이스엔진을 사용한다) | |
| 예측 가능성 | 사용자가 의도하지 않은 기능은 실행되지 않아야 한다. | |
| 콘텐츠의 논리성 |
| |
| 콘텐츠의 논리성 | 표는 이해하기 쉽게 구성해야 한다. | |
| 입력 도움 | 사용자의 입력에 대응하는 레이블이 있어야 한다, (라벨버튼? 클릭시 입력 폼등에 포커스 - 등록용) | |
| 입력 도움 | 사용자의 입력에 대응하는 레이블이 있어야 한다 (라벨버튼? 클릭시 입력 폼등에 포커스 - 수정용) |
3. 견고성 (robust)
사용자가 콘텐츠를 이용할 수 있도록 기술에 영향을 받지 말아야 한다. (에러 안나면 된다.)
| 지침 | 검사항목 |
|---|---|
| 문법 준수 | 마크업 요소 등의 언어레벨 |
| 웹 어플리케이션 | 모든 콘텐츠들이 규칙들을 다 준수하고 있어야 한다. |
덧글