접근성: 초점 표시기(비주얼 표시기) 정보
2 분 분량
사용하는 사이트 빌더에 따라 초점 표시기(Studio 에디터) 또는 비주얼 표시기(Wix 에디터)라고 하는 설정이 표시될 수 있습니다. 이는 방문자가 키보드를 사용해 라이브 사이트 탐색 시 버튼 및 링크와 같은 인터랙티브 요소 주위에 표시되는 파란색 직사각형입니다.
Wix는 어디에서 정보를 얻나요?
- Wix에서는 W3C(World Wide Web Consortium)에서 개발한 WCAG(웹 콘텐츠 접근성 가이드라인) 문서에 따른 권장 사항을 준수합니다.
- 이 도움말은 Focus Visible 기준 (2.4.7)을 기반으로 작성되었습니다.
초점 표시가 중요한 이유
일부 방문자는 키보드의 Tab 키를 사용해 사이트를 탐색합니다. 초점 / 비주얼 표시기는 Tab 키의 현재 위치를 표시하므로 방문자는 페이지에서 현재 위치를 정확하게 알 수 있습니다.
표시기를 활성화하지 않으면 사이트 방문자는 페이지 또는 사이트 콘텐츠를 탐색하지 못할 수 있는 만큼, 이는 사이트 접근성에서 중요한 부분을 차지합니다.
Wix 사이트의 초점 표시기
Wix로 구축한 모든 사이트에는 초점 / 비주얼 표시기는 자동으로 활성화됩니다.
표시기는 대부분의 사이트 색상 조합에 어울리도록 설계되었습니다. 하지만, 파란색 배경 위에 흰색으로 채워진 버튼에서는 잘 보이지 않습니다. 따라서, 사이트 요소의 색상을 확인해 모든 방문자가 볼 수 있도록 하는 것이 좋습니다.
사이트에서 초점 표시기를 테스트하려면 어떻게 해야 하나요?
초점 표시기가 어떻게 보이는지 확인하려면 라이브 사이트 또는 사이트 미리보기를 열고 키보드의 Tab 키를 사용해 페이지를 탐색하세요. 사이트의 미리보기 또는 라이브 버전에서 초점 표시가 표시되지 않는다면, 접근성 마법사에서 설정을 변경할 수 있습니다.
초점 표시기 활성화하기
Wix 에디터를 사용하는 경우, 접근성 마법사에서 비주얼 표시기를 활성화해야 할 수 있습니다.
Studio 에디터를 사용 중이라면:
초점 표시기는 Studio 에디터 사이트에는 항상 활성화되어 있으므로 이 설정을 확인할 필요가 없습니다.
비주얼 표시기를 활성화하려면:
- 에디터로 이동합니다
- 상단에서 설정을 클릭한 후 접근성 마법사를 선택합니다.
- 접근성 마법사 패널 상단에서 추가 작업
아이콘을 클릭합니다. - 고급 접근성 설정을 선택합니다.
- 비주얼 표시기를 선택합니다.
- 키보드 사용자가 사이트를 탐색할 수 있도록 허용하세요 버튼을 활성화합니다.
다음 단계:
접근성 체크리스트로 돌아가 사이트 접근성을 계속 개선하세요.