한국형 웹 콘텐츠 접근성 지침 2.1 - 운용의 용이성
Korean Web Content Accessibility Guidelines 2.1
웹 접근성 품질인증제도란?
- 장애인·고령자 등의 정보 접근 및 이용 편의를 증진하기 위하여 웹 접근성 표준을 준수한 사이트에 대해 품질을 인증 하고 인증마크를 부여
* 웹접근성 준수는 필수지만 품질 인증마크는 선택 입니다. - 관련 법령에 의거 과학기술정보통신부가 지정한 웹 접근성 품질 인증기관을 통해 심사 및 인증
* ｢지능정보화기본법｣ 제47조, 제48조 등
원칙 2. 운용의 용이성(Operable)
항목 9. (초점 이동) 키보드에 의한 초점은 논리적으로 이동해야 하며 시각적
운용 가능한 개체(링크, 버튼, 서식 등)들에 키보드로 접근 시 초점을 인지할 수 있고 논리적 순서로 이동되는 경우 준수한 것으로 인정 |
[9-1] 초점의 이동순서가 논리적이지 않으며 일관성이 없는 경우
(초점 이동 순서 부적절) 버튼으로 구현된 서식의 옵션 선택 시 초점이 초기화됩니다. 초점은 선택한 서식 위치에 유지되어야 합니다.
[ 토글(열기/닫기) 관련 ] - 링크영역을 두번 탭할때 초점은 현재링크에 머물어 있어야하고 해당 영역은 토글기능이 정상적으로 작동되어야 한다. - 이때 링크의 대체텍스트(title) 제공은 숨김영역이 펼쳐져 있을 때는 title="~숨기기/~열기", 숨겨져 있을 때는 title="~보이기/~닫기" 등으로 제공해야 한다.
[ 팝업 관련 ] ( 팝업이 열린 후의 초점이동 ) 개선방법1 : 링크 클릭 시 열리는 레이어 팝업창의 첫 번째 영역으로 초점이동이 가능하도록 구현하거나(제목영역인 경우도 있고 닫기 버튼인 경우도 있음) 개선방법2 : 해당 링크 다음에 팝업창의 마크업(소스)을 제공함으로서 자연스럽게 초점이 이동하도록 한다. ( 팝업을 닫은 후의 초점이동 ) 창닫기/취소/확인 등 선택 시 팝업이 닫히고 이전 링크(팝업창을 띄운 링크)로 초점이 되돌아와야 한다.
[ TOP 링크 관련 ] 링크 클릭시 페이지 상단으로 초점이 이동되어야 한다.(페이지 제목으로 이동하는 것을 권장)
[ 이전, 다음 버튼을 통해서 메뉴를 이동한 후 버튼이 없어져 초점이 다른 곳으로 이동하는 경우 ] 이전/다음 메뉴를 사라지지 않도록 고정시켜놓아야하며 초점이 다른 곳으로 이동되지 않도록 구현해야 한다.
[ 선형화 관련 ] 개선방법1 : 현재의 초점이동 순서가 (제목1) → (제목2) ... → (제목1의 목록) 에서 (제목1) → (제목1의 목록) → (제목2) → (제목2의 목록) ... 순으로 변경하거나 개선방법2 : 현재의 초점이동 순서가 (제목1) → (제목2) ... → (제목1의 목록) 에서 (제목1) → (제목2) ... → (제목1(숨김처리)) ... (제목1의 목록) 순으로 변경되어야 한다.
[9-2] 초점 또는 키보드의 위치를 나타내는 요소가 시각적으로 표시되지 않은 경우
선택된 콘텐츠는 시각적으로 인지할 수 있어야 한다.
css 수정 및 보안 등을 통하여 초점 받음을 시각적으로 인지할 수 있어야 합니다
[9-3] 텍스트 등 운용할 수 없는 요소에 초점이 되는 경우
[9-4] 좌·우 쓸기(이전항목, 다음 항목)동작을 할 경우 초점의 이동순서가 논리적이지 않으며 일관성이 없는 경우
(초점 이동 순서 부적절) 검색 레이어에서 목록 링크 실행 시 초점이 초기화 됩니다. 초점은 레이어를 열었던 링크로 회기되어야 합니다.
[9-5] 화면에 보이지 않거나 의미 없는 개체에 초점이 이동되는 경우
비활성화된 영역, 숨겨진 영역으로 초점이 이동된 경우 - 활성화되기 전에는 해당 영역으로 초점이 이동하지 않도록 해야 한다.
숨겨진 콘텐츠에 초점이 이동되고 있습니다. * 시각적으로 인지할 수없는 영역에는 초점이 이동되지 않아야 합니다.
구분선에 초점이 적용된 경우 - 화면쓸기로 탐색할때 해당 콘텐츠에 초점이 적용되지 않아야 한다.
해당 체크박스에 접근 시 초점 인지가 불가능합니다. 서식이 초점을 받을 시 초점 인지가 가능해야 합니다.
라디오 버튼으로 구현된 서식의 옵션 선택 시 초점이 초기화됩니다. 초점은 선택한 서식 위치에 유지되어야 합니다.
초점은 적용되었으나 부적절한 위치에 제공된 경우
==> 콘텐츠의 위치(크기)와 초점의 위치(크기)는 동일해야 한다.
'IT' 카테고리의 다른 글
| (원칙.2 운용의 용이성) 항목.11 응답시간 조절 - web accessibility Operable (0) | 2023.02.21 |
|---|---|
| (원칙.2 운용의 용이성) 항목.10 조작 가능 - 정보통신접근성(웹접근성) (0) | 2023.02.20 |
| (원칙.2 운용의 용이성) 항목.8 키보드 사용 보장 - 정보통신접근성(웹접근성) (0) | 2023.02.18 |
| (원칙.2 운용의 용이성) 항목.7 콘텐츠 간의 구분-정보통신접근성(웹접근성) (1) | 2023.02.17 |
| (원칙.1 인식의용이성) 항목.6 자동재생 금지-정보통신접근성(웹접근성) (0) | 2023.02.16 |