header-logo
Wix를 사용해해 사이트와 비즈니스를 구축하는 방법을 알아보세요.
직관적인 Wix 기능을 사용해 사이트를 디자인하고 관리하세요.
구독, 플랜 및 인보이스를 관리하세요.
비즈니스를 운영하고 회원과 소통하세요.
도메인을 구매하고 사이트에 연결, 이전하는 방법을 알아보세요.
비즈니스 및 웹 존재감을 키울 수 있는 도구를 확인하세요.
SEO 및 마케팅 도구로 가시성을 높이세요.
보다 효율적으로 작업할 수 있는 고급 기능을 활용하세요.
해결책을 찾고, 알려진 문제에 대해 알아보거나 문의하세요.
placeholder-preview-image
강좌 및 튜토리얼을 통해 실력을 향상시키세요.
웹 디자인, 마케팅 등에 대한 팁을 확인하세요.
검색 엔진에서 유기적 사이트 트래픽을 증가시키는 방법을 알아보세요.
풀스택 플랫폼을 활용해 맞춤형 사이트를 구축하세요.
목표 달성에 도움을 줄 전문가를 만나보세요.
placeholder-preview-image

접근성: 초점 표시기(비주얼 표시기) 정보

2 분
페이지 메뉴
  • 초점 표시가 중요한 이유
  • Wix 사이트의 초점 표시기
  • 초점 표시기 활성화하기
사이트의 접근성 작업 시에는 초점 표시기라는 설정이 표시될 수 있습니다. 이는 방문자가 키보드를 사용해 라이브 사이트 탐색 시 버튼 및 링크와 같은 인터랙티브 요소 주위에 표시되는 파란색 직사각형입니다. 
'홈' 메뉴 아이템 주위에 시각적 표시기가 있는 사이트 이미지.
Wix는 어디에서 정보를 얻나요?

초점 표시가 중요한 이유

일부 방문자는 키보드의 Tab 키를 사용해 사이트를 탐색합니다. 초점 표시기는 Tab 키의 현재 위치를 표시하므로 방문자는 페이지에서 자신의 위치를 정확하게 알 수 있습니다. 
이러한 표시기가 활성화되어 있지 않으면, 사이트 방문자가 페이지 또는 사이트 콘텐츠를 탐색하지 못할 수 있습니다. 따라서, 초점 표시기는 사이트 접근성의 중요한 부분입니다. 

Wix 사이트의 초점 표시기

초점 표시기는 Wix로 구축한 모든 사이트에 자동으로 활성화됩니다.
표시기는 대부분의 사이트 색상 조합에 어울리도록 설계되었습니다. 하지만, 파란색 배경 위에 흰색으로 채워진 버튼에서는 잘 보이지 않습니다. 따라서, 사이트 요소의 색상을 확인해 모든 방문자가 볼 수 있도록 하는 것이 좋습니다.
사이트에서 초점 표시기를 테스트하려면 어떻게 해야 하나요?
초점 표시기가 어떻게 보이는지 확인하려면 라이브 사이트 또는 사이트 미리보기를 열고 키보드의 Tab 키를 사용해 페이지를 탐색하세요.

초점 표시기 활성화하기

라이브 Wix 에디터 사이트를 확인하는 동안 초점 표시기가 표시되지 않는 것을 확인할 수 있습니다. 이전에 초점 표시기를 비활성화한 경우, 초점 표시기를 활성화하라는 메시지가 표시되며 접근성 마법사에서 이를 활성화할 수 있습니다. 
Studio 에디터를 사용 중이라면:
초점 표시기는 Studio 에디터 사이트에는 항상 활성화되어 있으므로 이 설정을 확인할 필요가 없습니다. 

비주얼 표시기를 활성화하려면:

  1. 에디터로 이동합니다
  2. 상단에서 설정을 클릭한 후 접근성 마법사를 선택합니다.
  3. 에디터 오른쪽 패널에서 사이트 스캔을 클릭합니다.
  4. 발견된 문제 탭을 클릭합니다.
  5. 사이트 수준 드롭다운을 열어 초점 표시기 표시를 클릭합니다.
  6. 시각적 표시기 포함 버튼을 활성화합니다.
  7. 페이지에 추가를 클릭합니다.
커서가 버튼을 클릭해 마법사에서 표시기를 활성화하고 있습니다.
참고:
Wix 에디터 사이트에서 초점 표시기를 활성화한 후에는 비활성화할 수 없습니다.
다음 단계:
접근성 체크리스트로 돌아가 사이트 접근성을 계속 개선하세요.