Building Accessible Angular Apps | Maria Korneeva | Angular Day by Frontend Nation 2025
- 유럽 접근성 법(EAA): 2025년 6월 28일 시행, EU 국가 공공 부문 웹사이트 접근성 의무화 🇪🇺
- WCAG 2.1 & 2.2: 인지 가능성, 작동 가능성, 이해 가능성, 견고성의 4원칙 기반 ✅
- Angular 접근성: Angular 프레임워크를 활용한 접근성 구현 방법과 도전 과제 제시 💡
- 페이지 제목(2.4.4): 라우팅 설정 시 제목 추가로 WCAG 준수 🎯
- 위치 표시(2.4.8):
routerLinkActive
지시어와 aria-current
속성 활용 🗺️
- 건너뛰기 링크(2.4.1): Angular 단일 페이지 애플리케이션에서의 구현 방법 🚀
- 포커스 순서(2.3.3):
autofocus
속성 사용 주의사항 및 수동 포커스 설정 🖱️
- 폼 오류 처리(3.3.1, 3.3.3):
ngSubmit
, 오류 메시지 표시, aria-describedby
활용 📝
- 접근 가능한 이름 및 설명 계산:
aria-label
, aria-labelledby
, alt
속성의 우선순위 🗣️
- 이름, 역할, 값(4.1.2): 반복문으로 링크 생성 시 접근성 고려 🔗