Skip to content
배우기 측정 블로그 Case studies 정보
이 페이지에서
  • Lighthouse 브라우저 확대/축소 감사가 실패하는 방식
  • 참고자료

[user-scalable="no"]가 <meta name="viewport"> 요소에 사용되거나 [maximum-scale] 속성이 5 미만입니다.

May 2, 2019 — 업데이트됨 Mar 20, 2020
Available in: Español, 日本語, Português, Русский, 中文, English
Appears in: 접근성 감사
이 페이지에서
  • Lighthouse 브라우저 확대/축소 감사가 실패하는 방식
  • 참고자료

<meta name="viewport"> 요소에 대한 user-scalable="no" 매개변수는 웹 페이지에서 브라우저 확대/축소를 비활성화합니다. maximum-scale 매개변수는 사용자가 확대/축소할 수 있는 크기를 제한합니다. 둘 다 웹 페이지의 내용을 보기 위해 브라우저 확대/축소에 의존하는 시력이 낮은 사용자에게 문제가 됩니다.

Lighthouse 브라우저 확대/축소 감사가 실패하는 방식 #

Lighthouse는 브라우저 확대/축소를 비활성화하는 페이지에 플래그를 지정합니다.

표시 영역을 표시하는 Lighthouse 감사는 텍스트 크기 조정 및 확대/축소를 비활성화합니다

다음 중 하나와 함께 <meta name="viewport"> 태그가 포함된 페이지는 감사에 실패합니다.

  • user-scalable="no" 매개변수가 있는 content 속성
  • maximum-scale 매개변수가 5 content 속성
The Lighthouse Accessibility score is a weighted average of all the accessibility audits. See the Lighthouse accessibility scoring post for more information.

브라우저 확대/축소 비활성화를 피하는 방법 #

뷰포트 메타 태그에서 user-scalable="no" 매개변수를 제거하고 maximum-scale 매개변수가 5 이상으로 설정되어 있는지 확인하십시오.

참고자료 #

  • [user-scalable="no"]가 <meta name="viewport"> 요소에 사용되거나 [maximum-scale] 속성이 5 미만인 소스 코드 감사
  • 확대/축소 및 크기 조정을 비활성화하면 안 됩니다(Deque University).
마지막 업데이트: Mar 20, 2020 — 기사 개선하기
Return to all articles
공유
구독

Contribute

  • 버그 신고
  • 소스 보기

관련된 콘텐츠

  • developer.chrome.com
  • Chrome 업데이트
  • 웹 기초
  • 사례 연구
  • 팟캐스트
  • 쇼

연결

  • Twitter
  • YouTube
  • Google Developers
  • Chrome
  • Firebase
  • Google Cloud Platform
  • 전체 제품
  • 약관 및 개인정보 보호
  • 커뮤니티 가이드라인

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies.