웹 접근성 지침(KWCAG에 대해) - 19 / 콘텐츠의 선형 구조

• 웹 접근성 지침(KWCAG에 대해) - 0
• 웹 접근성 지침(KWCAG에 대해) - 1 / 적절한 대체 텍스트 제공
• 웹 접근성 지침(KWCAG에 대해) - 2 / 자막제공
• 웹 접근성 지침(KWCAG에 대해) - 3 / 색에 무관한 콘텐츠 인식
• 웹 접근성 지침(KWCAG에 대해) - 4 / 명확한 지시 사항 제공
• 웹 접근성 지침(KWCAG에 대해) - 5 / 텍스트 콘텐츠의 명도 대비
• 웹 접근성 지침(KWCAG에 대해) - 6 / 자동 재생 금지
• 웹 접근성 지침(KWCAG에 대해) - 7 / 콘텐츠 간의 구분
• 웹 접근성 지침(KWCAG에 대해) - 8 / 키보드 사용 보장
• 웹 접근성 지침(KWCAG에 대해) - 9 / 초점 이동
• 웹 접근성 지침(KWCAG에 대해) - 10 / 조작 가능
• 웹 접근성 지침(KWCAG에 대해) - 11 / 응답 시간 조절
• 웹 접근성 지침(KWCAG에 대해) - 12 / 정지 기능 제공
• 웹 접근성 지침(KWCAG에 대해) - 13 / 깜빡임과 번쩍임 사용 제한
• 웹 접근성 지침(KWCAG에 대해) - 14 / 반복 영역 건너뛰기
• 웹 접근성 지침(KWCAG에 대해) - 15 / 제목 제공
• 웹 접근성 지침(KWCAG에 대해) - 16 / 적절한 링크 텍스트
• 웹 접근성 지침(KWCAG에 대해) - 17 / 기본 언어 표시
• 웹 접근성 지침(KWCAG에 대해) - 18 / 사용자 요구에 따른 실행

---

콘텐츠는 논리적인 순서로 제공해야 한다.

 

 

오류 사례와 준수 사례

 

탭 제목-내용 콘텐츠

스크린리더 사용자는 메뉴와 내용을 따로 마크업하는 경우 메뉴를 다 읽어주고 나서 내용을 읽어주기 때문에 메뉴에 대한 내용을 인식하기 어렵다.

따라서 메뉴-내용, 메뉴-내용 순으로 마크업하거나 메뉴끼리 내용끼리 마크업하되 내용에 해당 메뉴 제목을 제공해야 한다.

 

 

제목-내용-더보기 콘텐츠

보이는 순서대로 제목-더보기-내용 순으로 마크업하면 오류이다.

논리적인 순서대로 제목-내용-더보기 순으로 마크업해야 한다.

---

부스트코스의 강의 내용을 정리한 포스트입니다.

https://www.boostcourse.org/web344

웹 UI 개발