WCAG에 따른 확대/축소 & 리플로우
시각 장애가 있는 사용자는 페이지를 확대합니다. WCAG 1.4.4는 기능이나 콘텐츠 손실 없이 텍스트가 200 %까지 확대되도록 요구합니다. 1.4.10은 320 px 너비에서 수평 스크롤 없이 줄바꿈되도록 요구합니다.
흔한 오류
<meta name="viewport" content="…, user-scalable=no"> 또는 maximum-scale=1(확대/축소 잠금), 컨테이너 높이가 고정된 px 단위 글꼴 크기, 강한 확대 시 수평 스크롤.
올바른 방법
viewport 메타에서 user-scalable과 maximum-scale을 제거하세요. 상대 단위(rem)와 유연한 레이아웃을 사용하세요. 400 % / 320 px에서 테스트하세요.
a11yglass가 돕는 방법
무료 스캔은 제공된 HTML과 CSS를 자동으로 인식 가능한 WCAG 위반에 대해 점검하고, 각 발견 사항마다 성공 기준과 구체적인 조치를 제시합니다. 문제의 약 20~35 %를 발견하며 완전한 평가를 대체하지 않습니다.
계속 읽기
최선의 지식에 따른 일반 정보이며 법률 자문이 아닙니다. 개별 사안은 IT 법을 전문으로 하는 법무법인에 문의하세요.