웹 접근성 지침의 이해

1. 웹 접근성 지침의 이해

2. 웹 접근성 지침 개요 1. 인터넷 웹 콘텐츠 접근성 지침 개요 • 개발자 : 김석일 교수(충북대학교)외 4인 & NIA((구) KADO) • 참고지침 : 미국 재활법 508조 기준 & W3C WAI WCAG 1.0 • ※ TTA 단체표준으로 상정하여, 2004년 12월 표준채택, 2005년 12월 국가표준 • 구성 : 4개 지침 14개 세부항목 - 인식의 용이성 (Perceivable), 운용의 용이성 (Operable), 이해의 용이성 (Understandable), 기술적 진보성 (Robust) 2. 웹 접근성 향상을 위한 국가표준 기술 가이드라인 • 개발 : 2008년 9월 ~ 2009년 3월(3월 18일 발표) • 구성 : 이미지에 대한 대체 텍스트 제공 등 18개로 구성 ※ 현재 인터넷 웹 콘텐츠 접근성 지침 2.0 개정 추진(’10. 12)

3. 이미지의 의미나 목적을 이해할 수 있도록 • 적절한 대체 텍스트를 제공해야 한다. • ※ 의미가 있는 이미지의 경우 대체 텍스트를 의미나 기능이 동일하게 제공 • ※ 의미가 없는 이미지의 경우 대체 텍스트를 공백(alt="")으로 제공 • - 블릿, 기호 등 사용자에게 의미를 전달하지 않는 이미지 • ex) △, →, □, ▷ 등

4. O 부적절한 대체 텍스트 제공 ‘이미지’란 단어로 이해가 가능한가?

5. O 대체 텍스트 미 제공 흘려 쓴 글씨 (capture)를 확인할 수 없다면 ?

6. O 이미지만 갱신하고 대체 텍스트를 갱신하지 않은 사례 2

7. O 불필요한 정보(폰트 정보 등)는 대체텍스트에 제공할 필요가 없음 2 2

9. (2) 배경 이미지가 의미를 갖는 경우, 배경 이미지의 의미를 이해할 수 있도록 대체 콘텐츠를 제공해야 한다. ※ 의미가 있는 이미지는 배경 이미지로 사용하지 않는 것이 바람직함

10. O 대체 콘텐츠 미 제공

11. (3) 동영상, 음성 등 멀티미디어 콘텐츠를 이해 할 수 있도록 대체 수단(자막, 원고 또는 수화)를 제공해야 한다. ※ 실시간 방송이라도 대체 수단을 제공하여야 하나, 예외로 인정할 수 있음

12. O 대체 수단 미 제공 O 요약 정보 제공

13. O 음성정보와 동등한 원고 제공 O 음성정보와 동기화된 수화 제공 O 음성정보와동기화 된자막 제공

14. (4) 색상을 배제하여도 원하는 내용을 전달할 수 있도록, 색상 이외에도 명암이나 패턴 으로 콘텐츠 구분이 가능해야 한다

19. (5) 서버측 이미지 맵을 제공할 경우, 해당 내용 및 기능을 사용할 수 있는 대체 콘텐츠를 제공해야 한다. ※ 지리정보시스템(GIS)은 예외로 인정할 수 있음

20. □ 적용방법 • o 불가피하게 서버측 이미지 맵을 사용한 경우, 맵에 사용된 링크 목록을 • 제공하면서 키보드로 접근 가능할 수 있도록 제공해야 함 • - <img> 요소에 ismap 속성을 사용하고 링크 영역의 좌표 정보가 서버에 있으며, • 마우스와 같은 포인팅 기기로만 사용할 수가 있고 키보드로 접근이 불가능함 • 이에 서버측 이미지 맵을 사용할 경우에는, 맵에 사용된 링크 목록이 제공된 경우 • 접근성이 있다고 판단 • 하지만, 키보드로 접근 가능한 대체 링크가 제공되지 않을 경우 접근성이 없는 • 것으로 판단

21. (6) 프레임을 제공할 경우, 프레임의 내용을 이해할 수 있도록 적절한 제목(title 속성)을 제공해야 한다.

22. 로그인 프레임 광고 프레임 일정 프레임 ※ 각 프레임에 적절한 제목을 title 속성으로 제공하면 됨. 광고 프레임

23. (7) 깜빡이는 콘텐츠를 제공할 경우, 사전에 경고하고깜빡임을 회피할 수 있는 수단을 제공해야 한다. ※ 깜박임 기준: 초당 3~50번을 깜박이는 콘텐츠

24. 1997년 12월 16일 일본에서 방영된 포켓몬 38화의 영상에 광과민성 발작을 일으키는 지나친 점멸효과가 포함되어 일본 아동 750여명이 병원으로 실려갔고 그 중 135명이 입원했음 http://www.youtube.com/watch?v=qOG-HKjp5h0

25. (8) 모든 기능을 키보드로 이용할 수 있어야 한다. ※ 모든 콘텐츠를 Tab키, Shift + Tab 키로 이동할 수 있으면 된다.

26. O 키보드 접근 시 자동 실행 O 키보드 접근 시 자동으로 페이지 변경 - 자동으로 사이트가 이동하여, 첫 번째 항목 외의 사이트로 이동이 불가

27. O 키보드 무한 루프 : 해당 검색창에서 키보드 포커스가 벗어나질 못함 O 키보드 무한 루프 : 퀵 메뉴상에서 키보드 포커스가 벗어나질 못함

28. (9) 반복되는 링크를 건너뛸 수 있도록 건너뛰기 링크(skip navigation)를 제공해야 한다.

29. O 건너뛰기 링크(Skip navigation) 미 제공

30. O 건너뛰기 링크(Skip navigation) 미 작동

32. (10) 시간 제한이 있는 콘텐츠를 제공할 경우, 시간 제어 기능을 제공해야 한다. ※ 예외사항 : 경매, 실시간 게임 등과 같이 시간제한이 필수적인 콘텐츠

33. ※ 롤링되는 사진 목록에 대한 제어기능 미 제공

34. ※ 시간제어 기능 및 별도 기능으로 “더 보기”를 제공 ※ 자동으로 흐르는 “배너모음” 위에 focus가 가면 흐림이 멈추고, 각 양쪽 끝에 있는 화살표 버튼으로 흐름을 제어할 수 있음

35. (11) 새 창(팝업창 포함)을 제공할 경우, 사용자 에게 사전에 알려야 한다.

36. O 자동으로 새 창(팝업창)이 발생함.

37. O 링크가 새 창임을 알리지 않음 O “부서별 선택”에 포커스가 가면 새 창이 자동으로 뜸.

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

42. (13) 데이터 테이블을 제공할 경우, 제목 셀과 내용 셀을 구분할 수 있어야 한다. ※ <th> : 제목(table header), <td> : 내용(table data)

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

46. ※ 무의미한 텍스트(:::::)가 반복되는 제목(<title>)을 제공하고 있으며, 모든 페이지의 제목(<title>)이 동일 함

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

49. 1 1 2 4 3 2 3 4

50. 1 4 1 3 3 4 2 2