도입 스토리
"WCAG 3.0이 나온다고 들었어요." 김개발이 말했습니다.
"맞아요. 지금은 초안 단계인데, 기존의 A/AA/AAA 레벨 시스템을 바꾸는 게 핵심이에요." 박멘토가 설명했습니다. "그리고 AI 생성 콘텐츠의 접근성도 새 과제예요. 이미지 생성 AI가 만든 그래픽에 누가 alt 텍스트를 다는지 — 이게 앞으로의 문제예요."
"접근성도 계속 변하는군요."
"웹이 변하니까요. 그래서 배움을 멈추면 안 돼요."
핵심 개념 설명
WCAG 3.0 변화 예고
WCAG 3.0은 W3C에서 개발 중인 차세대 접근성 표준입니다. (2026년 현재 초안 단계)
주요 변화:
| 항목 | WCAG 2.x | WCAG 3.0 (예정) |
|---|---|---|
| 레벨 | A, AA, AAA | 점수 기반 (0~5) |
| 접근 방식 | 기준 충족/미충족 | 연속적 스펙트럼 |
| 테스트 | 자동화 + 수동 | 사용자 테스트 포함 |
| 적용 범위 | 웹 콘텐츠 | 소프트웨어, 앱, 문서 |
| 용어 | 성공 기준 | 결과(Outcome) |
현재 WCAG 2.2가 법적 기준이므로, 3.0으로의 전환은 점진적으로 이루어질 것입니다.
AI와 접근성
생성형 AI의 발전은 접근성에 새로운 과제와 기회를 가져옵니다.
기회:
- AI 캡션 자동 생성 품질 향상
- 이미지 alt 텍스트 자동 제안
- 코드 작성 중 접근성 오류 즉시 수정 제안
- 복잡한 콘텐츠의 쉬운 언어 변환 자동화
과제:
- AI 생성 이미지의 alt 텍스트 책임 주체
- AI 생성 UI 컴포넌트의 접근성 보장
- 보조기기와 AI 인터페이스의 호환성
- 음성 인터페이스(AI 챗봇)의 화면 의존도
<!-- AI 생성 콘텐츠의 접근성 표시 예시 --><figure> <img src="ai-generated-chart.png" alt="AI가 생성한 이미지: 2026년 1분기 매출 증가 추세 그래프. 1월 120만원, 2월 145만원, 3월 160만원." data-alt-source="ai-generated" > <figcaption> AI 생성 이미지 — 대체 텍스트는 AI가 제안하고 편집자가 검토함 </figcaption></figure>계속 학습을 위한 리소스
W3C 공식 문서:
- WCAG 2.2:
https://www.w3.org/TR/WCAG22/ - WAI-ARIA 1.2:
https://www.w3.org/TR/wai-aria-1.2/ - ARIA Authoring Practices Guide:
https://www.w3.org/WAI/ARIA/apg/ - Web Accessibility Tutorials:
https://www.w3.org/WAI/tutorials/
국내 자료:
- 한국형 웹 콘텐츠 접근성 지침(KWCAG) 2.2: 국가표준 정보 시스템
- 웹접근성연구소:
https://www.wah.or.kr/ - 정보통신접근성 향상 표준화 포럼: ICTSF
커뮤니티와 블로그:
- WebAIM:
https://webaim.org/ - Deque Systems Blog:
https://www.deque.com/blog/ - A11Y Project:
https://www.a11yproject.com/ - Sara Soueidan (개인 블로그)
- Léonie Watson (스크린리더 전문가)
- Adrian Roselli (실무 접근성 가이드)
YouTube 채널:
- Google Chrome Developers (접근성 세션)
- A11Y Casts
- Marcy Sutton (접근성 강연)
도구:
- axe-core GitHub:
https://github.com/dequelabs/axe-core - Playwright accessibility:
https://playwright.dev/docs/accessibility-testing
접근성 자격 시험
전문성을 공식적으로 증명하고 싶다면:
- IAAP CPWA (Certified Professional in Web Accessibility): 국제 접근성 전문가 자격
- IAAP WAS (Web Accessibility Specialist): 웹 접근성 전문가 자격
- 한국 정보통신접근성 전문가 과정: 방송통신위원회 지원
단계별 실습
따라하기: 30일 접근성 챌린지
다음 30일 계획으로 접근성을 습관화합니다.
## 30일 접근성 챌린지
### 1주차 — 점검
- Day 1: 현재 프로젝트 axe 스캔, 오류 목록 작성
- Day 2: 키보드 탐색 테스트 (마우스 없이 30분)
- Day 3: NVDA 또는 VoiceOver 첫 30분 사용
- Day 4: 색상 대비 전수 확인
- Day 5: 링크 텍스트 감사
- Day 6~7: Critical 오류 3개 수정
### 2주차 — 구조
- Day 8~9: 헤딩 구조, 랜드마크 정비
- Day 10~11: 폼 레이블 연결 확인
- Day 12~13: 포커스 스타일 복원
- Day 14: 스킵 내비게이션 추가
### 3주차 — 자동화
- Day 15: eslint-plugin-jsx-a11y 설치
- Day 16~17: axe 단위 테스트 3개 작성
- Day 18~19: Lighthouse CI 파이프라인 설정
- Day 20~21: PR 템플릿 체크리스트 추가
### 4주차 — 공유
- Day 22~23: 팀 미니 교육 자료 작성
- Day 24~25: 접근성 개선 결과 보고서 작성
- Day 26~27: 스크린리더 사용자 인터뷰 또는 영상 시청
- Day 28~30: 다음 달 접근성 목표 수립
응용하기: 접근성 독서 클럽
팀 내에서 웹접근성 관련 아티클을 공유하고 토론하는 습관을 만듭니다.
월 1회 30분, 다음 형식으로 진행합니다.
- 팀원 한 명이 접근성 아티클 또는 실제 경험 공유 (10분)
- 팀 내 현재 프로젝트와 연결해서 토론 (15분)
- 다음 달 실천 사항 1가지 결정 (5분)
정리와 확인
핵심 내용 요약
- WCAG 3.0: 점수 기반 연속적 기준으로 변화 예정 (초안 단계)
- AI와 접근성: 기회(alt 자동 생성)와 과제(책임 주체) 공존
- 핵심 리소스: W3C WAI, WebAIM, A11Y Project, APG
- 30일 챌린지: 점검 → 구조 → 자동화 → 공유
- 접근성은 문화: 지식보다 습관, 완성보다 개선
마지막 챕터에서는 교재 전체를 통해 성장한 김개발의 이야기와, 독자 여러분에게 드리는 메시지로 마무리합니다.