(원칙.3 이해의 용이성) 항목.19 콘텐츠의 선형화 - 정보통신접근성(웹접근성)

한국형 웹 콘텐츠 접근성 지침 2.1 
Korean Web Content Accessibility Guidelines 2.1

웹 접근성 품질인증제도란?

• 장애인·고령자 등의 정보 접근 및 이용 편의를 증진하기 위하여 웹 접근성 표준을 준수한 사이트에 대해 품질을 인증 하고 인증마크를 부여
  * 웹접근성 준수는 필수지만 품질 인증마크는 선택 입니다.
• 관련 법령에 의거 과학기술정보통신부가 지정한 웹 접근성 품질 인증기관을 통해 심사 및 인증
  * ｢지능정보화기본법｣ 제47조, 제48조 등

---

3.  이해의 용이성(Understandable)

항목 19. (콘텐츠의 선형화) 콘텐츠는 논리적인 순서로 제공해야 한다.

콘텐츠의 순서가 논리적으로 선형화되어 제공한 경우 준수한 것으로 인정

 

[19-1] 콘텐츠의 순서를 논리적으로 제공하지 않아 전후 맥락을 이해할 수 없는 경우

콘텐츠의 구조를 논리적으로 제공하지 않아 주종 관계를 이해할 수 없는 경우

[19-2] 콘텐츠의 구조를 논리적으로 제공하지 않아 주종 관계를 이해할 수 없는 경우

위배사항	개선 가이드
계층 구조가 명백하게 필요한 콘텐츠를 중첩 마크업을 이용하여 표현하지 않은 경우	계층 구조가 필요한 콘텐츠는 중첩 마크업으로 표현해야 한다
‘제목-내용-더보기' 등으로 구성된 콘텐츠 목록의 배치가 분리되어 내용의 직관적 이해가 불가능한 경우	콘텐츠 목록의 배치는 직관적 이해가 가능하도록 구현해야 한다
단계의 깊이를 가진 메뉴에서 1차 메뉴와 2차 메뉴가 서로 다른 계층으로 표현되지 않은 경우	상위 메뉴와 하위 메뉴를 서로 다른 계층으로 구분해야 한다
탭 메뉴와 탭 콘텐츠가 서로 다른 계층으로 표현되지 않은 경우	탭 메뉴와 탭 콘테츠를 다른 계층으로 구분해야 한다
롤링배너영역의 이전/다음 링크가 서로 분리되어 있는 경우	롤링배너의 선형화 순서는 정지/시작 --> 이전/다음 --> 페이징 --> 이미지(링크) 순으로 제공되어야 한다
	롤링배너 구현 시 아래의 3가지 형태 중 한가지로 제공하시면 접근성 준수로 인정됩니다. 1) 이전/다음, 재생/정지 기능 화면에 제공한 경우 2) 정지 기능의 경우 키보드 초점을 받고 있는 동안 콘텐츠가 변경되지 않는 경우 3) 변경되는 콘텐츠의 전체 내용을 한번에 볼 수 있는 대체 수단을 제공한 경우 (이 경우 “배너 전체 목록 보기“ 등의 대체 수단을 해당 페이지 안에서 제공)
SPA(싱글페이지어플리케이션) 페이지 전환시 페이지 안내 및 초점 이동	React(리액트), Vue.js 같은경우 페이지 전환이 이루어지지않아 전환된 페이지에 대한 안내와 초점이 유지되는 이슈가 있습니다. 페이지 전환시 전환 페이지에 대한 안내와 초점이 페이지 상단에 존재하도록 해야 합니다. https://www.youtube.com/watch?v=5oXswOjwVak