WCAG 2.2 정식 권고로 프론트엔드 엔지니어가 반드시 대응해야 할 접근성 기준 9개와 제거된 기준 1개의 변경 사항을 정리한다

Context

WCAG 2.1까지 존재하던 HTML 구문 분석(parsing) 관련 기준 4.1.1이 제거되었다. 모던 브라우저와 screen reader가 잘못된 마크업도 처리할 수 있게 되었기 때문이다.

Technical Solution

• sticky header → scroll-padding-top 속성으로 포커스 요소 항상可视域 유지
• 모달/오버레이 → focus trap 패턴 적용으로 뒷면 콘텐츠 포커스 접근 차단
• 드래그 인터랙션 → 단일 포인터 대체 수단(버튼/키보드) 추가로 접근성 보장
• 터치 타겟 → 최소 24x24 CSS 픽셀 또는 충분한 간격으로 터치 정확도 향상
• 인증 폼 → autocomplete 속성 추가로 Password Manager 연동 가능

Impact

EU, UK, US 규제 기관이 WCAG 2.2에 활발히 통합하고 있어 비준수는 법적 위험으로 이어질 수 있다.

Key Takeaway

WCAG 2.2의 신규 성공 기준은 실제 제품에서 빈번히 발생하는 실패 패턴을 구체적으로 해결하며 대부분 간단한 속성 추가나 CSS 조정으로 구현 가능하다.