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

Wix 에디터: 사이트 요소 순서 정보

3 분
페이지 메뉴
  • 사이트 요소 순서
  • 수동으로 사이트 요소 순서 변경하기
  • 잠재적인 문제 및 해결 방법
사이트 페이지의 요소는 특정 순서로 구성되어 있습니다. 이 순서는 시각적 및 기능적 측면을 반영하며 라이브 사이트 요소의 표시, 로딩 및 탭 순서를 결정합니다.
사이트 요소의 순서는 자동으로 결정되지만 필요한 경우 수동으로 변경할 수 있습니다.

사이트 요소 순서

사이트에 추가하는 요소는 페이지의 레이어에 구성되며 특정 순서로 표시됩니다. 이 순서는 사이트의 DOM 순서를 따르며 이는 페이지 요소의 로딩 및 읽기 순서를 나타냅니다.
사이트 요소의 순서는 사이트 성능에 있어 중요한 부분입니다. 또한, 보조 기술(또는 Tab 키)을 사용하는 방문자가 페이지 콘텐츠를 탐색하는 순서를 결정하므로 사이트의 접근성에 있어서도 필수적입니다.
Wix는 자동으로 DOM 순서를 설정합니다. 순서로는 왼쪽에서 오른쪽, 위에서 아래로와 같이 요소의 시각적 순서를 사용합니다. 

수동으로 사이트 요소 순서 변경하기

자동 DOM 순서는 데스크톱 사이트에서 자동으로 활성화됩니다. 사이트의 시각적 순서 및 탭 순서가 논리적이라면, 이를 그대로 유지할 것을 권장합니다. 하지만, 사이트의 DOM 순서가 논리적이지 않은 경우 접근성 마법사에서 수동으로 변경할 수 있습니다. 
사이트의 DOM 순서를 확인하고 싶으신가요?
사이트를 미리보기하거나 라이브 사이트를 열고, 키보드의 Tab 키를 눌러 페이지 요소 간에 이동하세요.

DOM 설정을 변경하려면:

  1. 에디터로 이동합니다.
  2. 에디터 상단 바에서 설정을 선택합니다.
  3. 접근성 마법사를 선택합니다.
  4. 마법사 오른쪽 상단에서 추가 작업 아이콘을 선택합니다.
  5. 고급 접근성 설정을 선택합니다.
  6. 자동 DOM 리더를 선택합니다.
  7. 패널에서 버튼을 비활성화합니다.
  8. 팝업창에서 비활성화를 선택합니다.
  9. 수동으로 요소를 재구성합니다.
    1. 에디터 왼쪽 하단에서 레이어 아이콘을 클릭합니다.
    2. 목록을 확인하고 중복되는 요소를 삭제하세요. 여기에는 사이트에서 필요하지 않고 스크린 리더 사용자에게 혼란을 줄 수 있는 중복 요소가 포함됩니다.
    3. 나머지 요소를 원하는 순서로 끌어다 놓습니다.
접근성 마법사의 고급 설정 패널입니다. 자동 DOM 주문 버튼이 비활성화되었습니다.

잠재적인 문제 및 해결 방법

사이트의 DOM 순서에 문제가 있으면 사이트의 성능 및 접근성, 전체 사이트 페이지의 구조에 영향을 줄 수 있습니다. 옵션을 선택해 이러한 문제에 대해 자세히 알아보고 잠재적인 해결 방법을 찾아보세요.
접근성 마법사의 고급 설정 패널입니다. 자동 DOM 주문 버튼이 비활성화되었습니다.