한 줄 요약 - 유럽 접근성법(EAA)이 본격 적용되면서, EU 시장을 대상으로 하는 웹과 앱은 장애가 있는 사용자도 쓸 수 있게 만드는 것이 법적 의무가 됐습니다.
무슨 일이에요?
기준은 EN 301 549이며 사실상 WCAG(웹 콘텐츠 접근성 지침) 2.1 AA 수준을 따릅니다. 핵심은 POUR 원칙: 인식 가능/조작 가능/이해 가능/견고함.
핵심 코드
!-- 아이콘 버튼엔 접근 이름, 장식 svg는 숨김 --
button aria-label="메뉴 열기"
svg aria-hidden="true" focusable="false".../svg
/button
!-- 이미지 대체텍스트 + 폼 라벨 연결 --
img src="sales.png" alt="2026년 분기별 매출 추이" /
label for="email"이메일/label
input id="email" type="email" /왜 중요해요?
미준수 시 과태료/판매 제한으로 이어질 수 있습니다.
키보드만으로 조작, 색 대비, 포커스 표시도 함께 챙기세요.
axe/Lighthouse 같은 자동 검사 + 실제 키보드/스크린리더 수동 점검을 병행하면 좋습니다.