접근성: 사이트 구조 준비하기
2 분 분량
사이트의 구조를 의미하는 사이트의 계층 구조는 웹 브라우저와 스크린 리더가 사이트가 구성되는 방식과 콘텐츠를 표시하는 방법을 이해하는 데 도움을 줍니다.
머리글에 태그를 추가해 첫 번째 레벨 머리글(H1), 두 번째 레벨 머리글(H2) 등을 표시할 수 있습니다. HTML 태그에 대한 자세한 내용을 확인하세요.
머리글에 태그를 추가해 첫 번째 레벨 머리글(H1), 두 번째 레벨 머리글(H2) 등을 표시할 수 있습니다. HTML 태그에 대한 자세한 내용을 확인하세요.
텍스트 준비 시에는 아래 권장 사항을 따르세요.
- 텍스트에 HTML 태그를 사용합니다: 모든 페이지에는 H1 머리글이 있어야 하며, 그 다음으로 각 페이지의 HTML 태그는 순차적이어야 합니다.예를 들어, 페이지의 기본 제목이 H1 태그인 경우 부제 역시 H2 등이어야 합니다.이는 시각 장애가 있는 방문자가 논리적인 순서로 콘텐츠를 전환할 수 있도록 하기 위한 것입니다.
- 제목은 서술적이어야 합니다: 제목은 아래 텍스트에 대한 라벨과 같다고 생각하세요. (이는 SEO에 있어서도 중요합니다.)
- 간격이 중요합니다: 텍스트를 편집하는 동안 제목을 여러 줄로 나누려면 Enter 키를 사용하여 각 줄에 새 제목 요소를 생성하는 대신 Shift + Enter 키를 사용해 줄 바꿈을 삽입합니다.
- 페이지 본문에 제목을 추가합니다: 사이트 머리글에 추가된 H1은 머리글이 표시되는 모든 페이지에 표시됩니다.따라서, 대신 페이지 본문에 제목을 추가할 것을 권장합니다.
도움말: 추가 페이지가 없는 단일 페이지 사이트만 있다면, 이 권장 사항을 무시할 수 있습니다.
Wix 에디터에서 HTML 태그 추가하기
Wix ADI에서 HTML 태그 추가하기
접근성 마법사에서 HTML 태그 추가하기
사이트 순서 구성하기
다음 단계:
접근성 체크리스트로 돌아가 접근성을 위해 사이트를 계속 개선하세요.
도움이 되었나요?
|