TUTORIAL
웹 접근성 가이드
WCAG 표준 준수 개발
럿지 AI 팀2025-01-1515분
WCAG 4대 원칙
Perceivable
인식 가능
정보를 인식할 수 있어야 함
Operable
조작 가능
인터페이스 조작이 가능해야 함
Understandable
이해 가능
정보와 조작이 이해 가능해야 함
Robust
견고성
다양한 사용자 에이전트 지원
주요 체크리스트
✓
이미지 alt 속성
스크린 리더를 위한 대체 텍스트
✓
키보드 접근성
Tab으로 모든 요소 접근 가능
✓
색상 대비
4.5:1 이상의 명암비
✓
ARIA 레이블
동적 콘텐츠 접근성 향상
✓
폼 레이블
입력 필드와 연결된 레이블
✓
포커스 표시
현재 위치를 시각적으로 표시
WCAG 준수 수준
A
최소 요구사항
25개 기준
AA
권장 수준
13개 추가
AAA
최고 수준
23개 추가
접근성 테스트 도구
Lighthouseaxe DevToolsWAVENVDA/VoiceOver
관련 태그
#web
#Tutorial
#Frontend
#Development