[웹접근성] 사용성 측면에서의 한국형 웹 콘텐츠 접근성 지침(KWCAG)

[2014널리세미나] 사용자 측면에서의 한국형 웹 콘텐츠 지침 from Nts Nuli

▶ KWCAG 2.1 주요 개정 내용 ----------------------------------------------------------------------------------------------------

1. IR(Image Replacement) 기법 사용시 display:none;, visibility:hidden; 사용금지

• W3C 표준에 맞게 스크린리더에서 display : none ; , visibility : hidden ; 은 인식하지 않도록 개선 됨

• 방법1 : text-indent, position 등에 음수를 사용하거나 Box 요소 크기를 작게 하고 overflow : hidden ; 사용

• 방법2 : longdesc 사용(html5 제외) • PC웹은 모두 해당되므로 사실상 3:1이 기준이 됨

• 모바일 웹은 <meta name=viewport..> 등으로 확대를 막게 되면 기존 원칙 적용

2. 확대 가능하면 텍스트 콘텐츠 명도대비 3:1도 충분

• PC웹은 모두 해당되므로 사실상 3:1이 기준이 됨

• 모바일 웹은 <meta name="viewport...> 등으로 확대를 막게 되면 기존 원칙 적용

3. '콘텐츠 간의 구분' 검사항목 추가

• 고정 간격, 테두리, 줄 맞춤, 무늬 등으로 구분하는 내용

• 디자인 상 거의 발생되지 않는 내용으로 권고(Shall) 수준의 검사항목

4. '조작 가능' 검사항목 추가

• 링크, 버튼 등 컨트롤(개체)의 크기를 6mm 이상으로 하라는 내용

• 사실상 모바일 웹을 고려하여 추가된 검사항목

• 디스플레이 크기 및 해상도에 따라 달라질 수 있는 내용으로 국가 표준 제안 시 디바이스 기준이 제시될 예정

5. 반복영역 건너뛰기 링크 시각화

• 화면에 링크가 디자인 되어 있거나 키보드로 링크 접근 시 나타나도록 함

6. 팝업창 제목 제공시 [팝업]임을 표시해야 함

• <title>우편번호 찾기 [팝업]<title>

7. 링크 텍스트는 맥락을 통해 이해되면 OK!

• 기존의 ‘공지사항 더 보기’는 맥락(논리적 순서)이 이해되면 ‘더보기’ 만으로 충분

• Why? – 바로 가기, go, 상세보기, 확인, 추가, 취소, 조회 등과 같은 것과 형평성 맞춤

8. 자동 새 창[팝업] 1개까지 공식 허용

9. 시스템, 플랫폼 오류는 오류정정 기능 제공 예외

• 예 : 계좌이체 시 은행, 계좌번호 오류 내용 등