이 규칙이 확인하는 내용
<meta name="viewport">가 텍스트 크기 조절 및 확대/축소를 비활성화되지 않게 하세요.
중요한 이유
WCAG 1.4.4는 텍스트를 최대 200%까지 확대할 수 있어야 한다고 요구합니다.
수정 방법
모든 웹사이트에서
- viewport 메타 태그에서 maximum-scale 및 user-scalable=no 값을 제거하십시오.
Shopify에서
- layout/theme.liquid의 viewport 메타 태그에서 maximum-scale=1 및 user-scalable=no 값을 제거하십시오.
수정 확인 방법
- 휴대폰에서 핀치 줌으로 확대가 되는지 확인하십시오.
FixReports가 찾아내는 방법
저희 스캔은 테스트하는 모든 페이지에서 실제 Chrome 브라우저로 axe-core 규칙 meta-viewport을(를) 실행하고, 실패한 요소마다 해당 페이지와 마크업, 그리고 해당하는 경우 스크린샷을 함께 보고합니다.
자동화 테스트는 이 특정 문제가 있다는 것을 확인할 뿐, 페이지의 나머지 부분이 접근 가능한지는 알 수 없습니다. 어떤 장벽은 사람이 페이지를 확인해야만 드러납니다.