접근성: 확대된 콘텐츠 정보

사이트 방문자는 브라우저 화면이 100%일 때 너무 작거나 잘 보이지 않는 콘텐츠 또는 요소를 확대해서 보기 위해 (일반적으로 브라우저에서) 확대/축소 도구를 사용하고 있을 수 있습니다. 

시각 장애가 있는 방문자도 사이트 콘텐츠를 볼 수 있으므로 사이트를 확대해서 표시하는 것은 접근성의 중요한 측면입니다. 

사이트의 모든 콘텐츠는 200% 확대 시 선명하고 명확해야 합니다.

모든 콘텐츠가 200%에서 선명하고 표시되도록 사이트 확대를 확인하는 것이 좋습니다. 이는 브라우저 설정에서 설정할 수 있습니다.

접근성 마법사를 사용해 사이트의 접근성을 개선하고 있다면, 위의 단계를 따라 사이트를 확인한 후 마법사에서 "완료"로 표시할 수 있습니다. 

사이트에서 확대된 콘텐츠를 확인할 때 사이트의 접근성에 영향을 줄 수 있는 요소를 유의해야 합니다. 사이트의 접근성을 최대한 높일 수 있도록 하려면 이러한 문제를 해결해야 합니다.

고정된 요소는 방문자가 사이트를 아래로 스크롤하는 경우에도 라이브 사이트에 항상 표시됩니다. 일반적으로 고정되는 요소에는 메뉴와 버튼이 포함됩니다.

요소를 화면 왼쪽과 오른쪽 모두에 고정한 경우 확대할 때 요소가 겹치는지 확인할 수 있습니다. 큰 고정 요소는 사이트의 다른 콘텐츠를 가릴 수도 있습니다. 

요소 고정 위치를 변경해 콘텐츠가 겹치거나 가리는 것을 방지하고, 요소의 크기를 조정해 더 작게 만들 수 있습니다.

Wix 에디터에는 그리드라인이 있어 모든 콘텐츠를 다양한 화면 크기에서 볼 수 있도록 설정할 수 있습니다. 

그리드라인을 벗어나는 요소는 작은 화면이나 방문자가 확대할 때 표시되지 않을 수 있습니다. 확대/축소 도구를 사용할 때 콘텐츠가 잘리는 경우, 그리드라인 내로 콘텐츠를 것을이동시킬 것을 권장합니다.

아래 스크린샷에서 예제를 확인하세요. 첫 번째 이미지는 그리드라인 (세로 점선) 내 요소를 보여줍니다. 하지만 두 번째 이미지에서는 텍스트가 그리드라인 밖에 있어 라이브 사이트에서 텍스트가 표시되지 않을 수 있습니다.