들어가며
머리말과 저자목록
Notion 링크, PDF 파일 및 QR 코드
Chapter 1. 웹 접근성의 이해
1. 웹 접근성
1.1. 웹 접근성이란?
1.2. 웹 접근성의 이해
1.3. 다양한 장애 환경
1.3.1. 시각적 측면의 장애 환경
1.3.2. 이동성 측면의 장애 환경
1.3.3. 청각 측면의 장애 환경
1.3.4. 인지적 측면의 장애 환경
1.4. 장애 환경에 대응하는 프론트엔드 웹 개발자의 역할
1.4.1.시각 장애 환경 대응
1.4.2.이동성 장애 환경 대응
1.4.3.청각 장애 환경 대응
1.4.4.인지 장애 환경 대응
1.4.5. 공통 준수 사항
Chapter 2. 웹 접근성 기본 4원칙
1. 인식의 용이성(Perceivable)
1.1 대체 텍스트 제공
1.1.1 [검사항목 1] 적절한 대체 텍스트 제공
1.2 멀티미디어 대체 수단
1.2.1 [검사항목 2] 자막 제공
1.3 명료성
1.3.1 [검사항목 3] 색에 무관한 콘텐츠 인식
1.3.2 [검사항목 4] 명확한 지시사항 제공
1.3.3 [검사항목 5] 텍스트 콘텐츠의 명도 대비
1.3.4 [검사항목 6] 자동 재생 금지
1.3.5 [검사항목 7] 콘텐츠 간의 구분
2. 운용의 용이성
2.1. 입력장치 접근성
2.1.1 [검사항목 8] 키보드 사용 보장
2.1.2 [검사항목 9] 초점 이동
2.1.3 [검사항목 10] 조작 가능
2.2. 충분한 시간 제공
2.2.1 [검사 항목 11] 응답시간 조절
2.2.2 [검사 항목 12] 정지 기능 제공
2.3. 광과민성 발작 예방
2.3.1 [검사 항목 13] 깜빡임과 번쩍임 사용 제한
2.4. 쉬운 네비게이션
2.4.1 [검사 항목 14] 반복 영역 건너뛰기
2.4.2 [검사 항목 15] 제목 제공
2.4.3 [검사 항목 16] 적절한 링크 텍스트
3. 이해의 용이성
3.1 가독성
3.1.1. [검사항목17] 기본 언어 표시
3.2.예측 가능성
3.2.1. [검사항목18] 사용자 요구에 따른 실행
3.2.1.1. 새 창
3.2.1.2. 사용자가 의도하지 않은 팝업 창 / 레이어 요소
3.2.1.3. 텍스트 입력란의 포커스 자동 변경과 기능 실행
3.2.1.4. 입력 서식 값 자동 전송
3.3. 콘텐츠의 논리성
3.3.1. [검사항목19] 콘텐츠의 선형 구조
3.3.2. [검사항목20] 표의 구성
3.4. 입력도움
3.4.1 [검사항목21] 레이블 제공
3.4.2 [검사항목22] 오류 정정
4. 견고성(Robust)
4.1. 문법준수
4.1.1. [검사항목 23] 마크업 오류 방지
4.2. 웹 애플리케이션 접근성
4.2.1. [검사항목 24] 웹 애플리케이션 접근성 준수
Chapter 3. 웹 접근성 진단도구
3. 웹 접근성 진단도구
3.1 스크린 리더
3.1.1 Narrator for Windows
3.1.2 VoiceOver for macOS
3.2 웹 브라우저 개발자 도구
3.2.1 접근성 트리(Accessibility Tree) 검사
3.2.2 대비 차(Contrast ratio) 검사
3.2.3 자동화 도구 Lighthouse를 이용한 검사
3.3 W3C Validation
3.3.1. W3C Validation 실행
3.3.2. 기타 W3C Validation 실행 방법
3.4 OpenWAX
3.4.1. OpenWAX 실행
3.4.2. 접근성 지표