A11y 프롬프트: 사용자 배율 조정 가능

941 단어 tipsa11yhtml
<meta name="viewport">을 정의할 때 두 가지 매개변수를 사용하여 액세스 가능성에 영향을 줄 수 있습니다.
  • user-scalable="no": 웹 페이지의 브라우저 크기 조절 비활성화
  • maximum-scale: 사용자 크기 조절 제한
  • 브라우저의 축소에 의존해 웹 내용을 보는 저시력 사용자에게는 이 두 가지 방법 모두 문제가 있다.사용자가 우리 사이트를 방문할 때 필요에 따라 축소 관리를 완전히 자유롭게 할 수 있도록 그것들을 정의하지 않는 것이 가장 좋다.
    따라서 이상적인 정의는 다음과 같다.
    <meta
      name="viewport"
      content="width=device-width, initial-scale= 1"
    />
    
    심지어 <meta name="viewport">을 정의하지 않고 Google과 같다.하지만 이렇게 하지 마세요.

    이것은 <meta name="viewport" />을 사용하지 않는 완벽한 예이다.

    좋은 웹페이지 즐겨찾기