Accessibility 본문

2.4.1 반복영역 건너뛰기

콘텐츠의 반복되는 영역은 건너뛸 수 있어야 한다.

필요성

화면 낭독 프로그램 사용자 등은 본문 콘텐츠에 선형적으로 접근이 가능 하기 때문에, 본문 콘텐츠 접근 시 페이지마다 공통되고 반복되는 영역등은 매번 다시 듣게 되는 불편을 초래하고, 많은 시간과 노력이 필요로 한다. 또한 본문 영역까지 스크롤이 필요한 경우 지체 장애인등에게 불편을 초래한다.

대상

  • 지체장애
  • 전맹

적용기술

반복되는 영역을 건너뛸 수 있도록 본문 바로가기 링크를 제공

검사방법 및 QA 지표 산정방법

  • 자동 검사 방법 : 접근성 검사 도구를 통한 검사 방법
  • 수동 검사 방법 : 직접 수동으로 확인하는 검사 방법
  • 발견수(건) : 해당 콘텐츠 발견 수
  • 준수수(건) : 준수한 콘텐츠 수
  • 오류수(건) : 오류 콘텐츠(요소 또는 영역) 수
수동 검사방법
  • "본문 바로가기" 링크의 유무 체크
  • "본문 바로가기" 클릭했을 시 포커스가 제대로 이동되는지 체크
  • "본문 바로가기" 링크가 키보드 Tab 에 의해서도 선택과 실행이 되는지 체크
오류수(건)
  • 본문이 바로 나오는 콘텐츠는 검사하지 않음
  • "본문 바로가기" 링크 자체만 체크
오류수(건)
  • "본문 바로가기" 링크가 없는 페이지
  • "본문 바로가기" 클릭했을 시 포커스가 제대로 이동되지 않는 경우
평가점수

100 - (수동 오류수 * 100)점

사례

오류사례

반복되는 메뉴에 대한 건너뛰기 링크를 제공하지 않은 페이지

반복영역 건너뛰기 오류사례이미지
개선방법

페이지 상단에 반복되는 메뉴에 대해 건너뛸 수 있는 링크를 제공

우수사례

숨김텍스트로 건너뛰기 링크를 제공한 페이지

반복영역 건너뛰기 우수사례이미지
  • 각 페이지 메뉴시작 부분에 해당 페이지의 핵심 컨텐츠로 바로 이동할수 있는 링크를 제공
  • 시각적인 브라우저에서는 보이지 않으나 텍스트전용 브라우저를 사용하거나 키보드만을 사용하는 경우 핵심컨텐츠로 빠르게 이동할 수 있음
참고 URL : http://ebs.daum.net/

키보드 초점이 닿았을 때, 건너뛰기 링크를 제공한 페이지

반복영역 건너뛰기 우수사례이미지
참고 URL : http://www.daumcorp.com