이 교재를 읽는 방법
이 교재는 김개발이 인턴으로 입사해 접근성 감사 실패라는 위기를 극복하는 과정을 따라가며, 웹접근성의 개념과 구현 방법을 자연스럽게 익히도록 구성했습니다.
학습 흐름
PART 00. 들어가기
↓ 왜 배우는지 이해
PART 01. 모두를 위한 웹
↓ 개념과 법적 배경
PART 02~05. 4대 원칙 (POUR)
↓ 인식, 운용, 이해, 견고
PART 06. WAI-ARIA
↓ HTML을 넘어서는 접근성
PART 07. UI 컴포넌트
↓ 실전 코드 패턴
PART 08. 스크린리더
↓ 직접 체험과 검증
PART 09. 자동화와 인증
↓ 도구와 프로세스
PART 10. 실전 프로젝트
↓ 기존 사이트 개선
PART 11. 마무리
↓ 접근성 챔피언으로
각 챕터의 구성
모든 챕터는 동일한 4단계 구조로 작성되어 있습니다.
도입 스토리: 김개발과 박멘토의 대화로 시작합니다. 실제 개발 현장에서 마주칠 수 있는 상황을 통해 주제를 자연스럽게 소개합니다.
핵심 개념 설명: 이론과 개념을 비유와 도식으로 설명합니다. 어렵게 느껴지는 표준 문서의 내용을 개발자의 언어로 풀어냈습니다.
단계별 실습: 따라하기, 변형하기, 응용하기 세 단계로 실습합니다. 각 단계마다 실행 결과를 확인할 수 있습니다.
정리와 확인: 핵심 내용을 요약하고, 확인 문제로 이해도를 점검합니다.
학습 목표 수준
| 대상 | 목표 |
|---|---|
| 웹 개발 입문자 | 접근성 개념 이해, 기본 구현 능력 |
| 주니어 개발자 | 실무 적용, 기존 코드 개선 |
| 팀 리드 | 팀 도입 전략, 자동화 파이프라인 구성 |
실습 코드
모든 실습 코드는 GitHub 저장소에서 확인할 수 있습니다.
https://github.com/sung2ne/textbook-web-accessibility
각 PART별로 폴더가 구분되어 있으며, BEFORE/AFTER 코드를 함께 제공합니다.
표기 규칙
코드: HTML, CSS, JavaScript 코드 또는 속성명- 굵게 : 핵심 용어 또는 강조 내용
- 기울임 : 보조 설명 또는 참고 사항
-
인용문 : 박멘토의 조언 또는 공식 가이드라인 인용