접근성: 사이트 구조 준비하기
2 분
페이지 메뉴
- 텍스트 작성 시 권장 사항
- 텍스트에 HTML 태그 추가하기
사이트의 계층 구조는 웹 브라우저와 화면 판독기가 사이트 콘텐츠 구성 방법을 이해하는 데 도움이 됩니다. 사이트 텍스트에 HTML 태그를 추가해 사이트 순서에서 위치를 표시하고 방문자에게 명확한 경험을 제공할 수 있습니다.
텍스트 작성 시 권장 사항
사이트 텍스트 준비 시에는 다음 지침을 염두에 두는 것이 좋습니다.
- 텍스트에 HTML 태그를 사용합니다: 모든 페이지에는 H1 머리글이 있어야 하며, 그 다음으로 각 페이지의 HTML 태그는 순차적이어야 합니다.예를 들어, 페이지의 기본 제목이 H1 태그인 경우 부제 역시 H2 등이어야 합니다.이는 시각 접근 장애가 있는 방문자가 논리적인 순서로 콘텐츠를 전환할 수 있도록 하기 위한 것입니다.
- 제목은 서술적이어야 합니다: 제목은 아래 텍스트에 대한 라벨과 같다고 생각하세요. (이는 SEO에 있어서도 중요합니다.)
- 간격이 중요합니다: 텍스트를 편집하는 동안 제목을 여러 줄로 나누려면 Enter 키를 사용하여 각 줄에 새 제목 요소를 생성하는 대신 Shift + Enter 키를 사용해 줄 바꿈을 삽입합니다.
- 페이지 본문에 제목을 추가합니다: 사이트 머리글에 추가된 H1은 머리글이 표시되는 모든 페이지에 표시됩니다.따라서, 대신 페이지 본문에 제목을 추가할 것을 권장합니다.
도움말: 추가 페이지가 없는 단일 페이지 사이트만 있다면, 이 권장 사항을 무시할 수 있습니다.
텍스트에 HTML 태그 추가하기
사이트 텍스트에 HTML 태그를 추가해 계층 구조를 정의하세요. 에디터의 텍스트 설정 또는 디자인에서 태그를 설정하거나 접근성 마법사(Wix 에디터 사이트만 해당) 에서 선택할 수 있습니다.
Studio 에디터
Wix 에디터
접근성 마법사
- 에디터 오른쪽 상단에서 속성 열기
화살표를 클릭합니다. - 디자인
탭을 클릭합니다. - 드롭다운 메뉴에서 HTML 태그를 선택합니다.
참고:
웹페이지 콘텐츠는 사이트 페이지의 DOM 순서에 의해 "읽혀집니다". 이 순서를 확인하고 필요한 경우 조정할 수 있습니다. 사이트 순서 구성에 대한 자세한 도움말을 확인하세요.
다음 단계:
접근성 체크리스트로 돌아가 접근성을 위해 사이트를 계속 개선하세요.