웹 접근성 인증 후기

웹 접근정 심사 시 내가 실수했던 것 모음. 

1. 버튼에 타이틀 이름을 "~ 버튼" 넣지 말 것. 
- 센스리더에서 버튼 태그는 "버튼"이라고 읽어서 중복됨. 

2. 스크롤이 들어가는 요소에 tabindex="0"를 넣을 것. 
- 넣지 않으면 스크롤 요소에 탭 이동을 하지 않음. 

3. Table Caption에 표 콘텐츠의 목적, 정보를 알 수 있는 제목을 넣을 것. 
- 센스 리더에서 테이블 간 이동이 가능해서. 요약정보만 넣으면 무슨 테이블인지 알 수가 없음. 

4. 선택된 탭인 경우 "현재 단계"글자를 invisible 상태로 넣을 것. 
- 센스 리더에서 각 탭들 중 현재 선택된 위치를 알 수가 없어서 <span class="invisible">현재 단계 </span>를 추가해 줘야 함. 

5. label은 항상 1:1로 연결시킬 것. 

6. font-size:0 도 리더기가 읽지 못한다. 

7. IE 11에서 초점 이동이 문제가 없는지 확인할 것. 
- 특히 애플리케이션들 (달력, SNS 로그인).

8. 자막이 있는 동영상에도 대본은 있어야 함.
- 칠판에 적힌 글씨(표 포함) 모든 대본을 만들어서 넣어놔야 함.

9. iframe에 타이틀 넣을 것.