웹 접근성

이선주

Web Accessibil-ity

인식의 용이성

1. 적절한 대체 텍스트 제공2. 자막 제공3. 색에 무관한 콘텐츠 인식4. 명확한 지시사항 제공5. 텍스트 콘텐츠의 명도 대비6. 자동 재생 금지7. 콘텐츠 간의 구분

운용의 용이성

8. 키보드 사용 보장9. 초점 이동10. 조작 가능11. 응답시간 조절12. 정지 기능 제공13. 깜빡임과 번쩍임 사용 제한14. 반복 영역 건너뛰기15. 제목 제공16. 적절한 링크 텍스트

이해의 용이성

17. 기본 언어 표시18. 사용자 요구에 따른 실행19. 콘텐츠의 선형구조20. 표의 구성21. 레이블 제공22. 오류 정정

견고성

23. 마크업 오류 방지24. 웹 애플리케이션 접근성 준수

1. ( 적절한 대체 텍스트 제공 ) 텍스트 아닌 콘텐츠는 그 의미나 용도를 이해할 수 있도록 대체 텍스트를 제공해야 한다 .

<img src=“~.png” alt=“ 이벤트” >

<a href=“#”> 이전버튼 </a>

<a href=“#”> <img src=“~.jpg” alt=“”> 층간소음 줄이는 법과 , 항의</a>

<img src=“~.png” alt=“ 꿈과 끼를 찾아 떠나는 행복교육여행 2015 대한민국 행복학교 박람회 2015 년7 월 16 일 목요일 부터 7 월 18 일 토요일까지 여수세계박람회장 국제관 (B,D 동 ) ”>

<li>&lt; 터닝메카드 &gt; 퀴즈이벤트 </li>

5. ( 텍스트 콘텐츠의 명도 대비 ) 텍스트 콘텐츠와 배경 간의 명도 대비는 4.5 대 1 이상이어야 한다 .

14. ( 반복 영역 건너뛰기 ) 콘텐츠의 반복되는 영역은 건너뛸 수 있어야 한다 .

<div class="skip"> <a href="#container"> 본문 바로가기 </a> <a href="#mainMenu"> 메인메뉴 바로가기 </a> <a href="#footer"> 푸터 바로가기 </a></div>

15. ( 제목 제공 ) 페이지 , 프레임 , 콘텐츠 블록에는 적절한 제목을 제공해야 한다 .

<title> 로그인 </title>

20. ( 표의 구성 ) 표는 이해하기 쉽게 구성해야 한다 .

<table summary=“ 제목 , 작성일 , 작성자 , 조회 관련내용 "><caption> 시청자 참여 게시판 목록 </caption> <tr> <th scope=“col”> 번호 </th> </tr> <tr> <td>620</td> </tr></table>

21. ( 레이블 제공 ) 입력 서식에는 대응하는 레이블을 제공해야 한다 .

<label for=“user_id”> 아이디 </label><input type=“text” id=“user_id”/>

<input type=“text” title=“ 아이디 입력” />

감사합니다 .

anni9308@gmail.com