google i/o 2015 extended seoul 라이트닝 토크 웹 접근성

1. 웹 접근성
이선주
Web Accessibility

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

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

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

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

6. 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>

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

8. 14. (반복 영역 건너뛰기) 콘텐츠의 반복되는 영역은 건너뛸 수
있어야 한다.
<div class="skip">
<a href="#container">본문 바로가기</a>
<a href="#mainMenu">메인메뉴 바로가기</a>
<a href="#footer">푸터 바로가기</a>
</div>

9. 15. (제목 제공) 페이지, 프레임, 콘텐츠 블록에는 적절한 제목을
제공해야 한다.
<title>로그인</title>

10. 20. (표의 구성) 표는 이해하기 쉽게 구성해야 한다.
<table summary=“제목, 작성일, 작성자, 조회 관련내용">
<caption>시청자 참여 게시판 목록</caption>
<tr>
<th scope=“col”>번호</th>
</tr>
<tr>
<td>620</td>
</tr>
</table>

11. 21. (레이블 제공) 입력 서식에는 대응하는 레이블을 제공해야
한다.
<label for=“user_id”>아이디</label>
<input type=“text” id=“user_id”/>
<input type=“text” title=“아이디 입력”/>

12. 감사합니다.
anni9308@gmail.com