Keyboard Navigation
8 개의 게시물
WCAG 2.1.2: 키보드 함정 금지
WCAG 2.1.2는 키보드 사용자가 어떤 구성 요소 안에 갇히지 않도록 할 것을 요구합니다. 키보드를 사용해 포커스를 UI 요소 안으로 이동할 수 있다면, 키보드만 사용해서 포커스를 그 요소 밖으로 이동하는 것도 가능해야 합니다. 이 기준은 운동 장애가 있는 사람들과 스크린 리더 사용자 등, 키보드 탐색에만 전적으로 의존하는 사용자들에게 필수적입니다.
WCAG 2.4.1: 블록 건너뛰기
WCAG 2.4.1은 웹 페이지가 내비게이션 메뉴와 같은 반복되는 콘텐츠 블록을 건너뛸 수 있는 메커니즘을 제공하도록 요구합니다. 이를 통해 키보드 및 보조 기술 사용자들은 모든 링크를 탭으로 하나하나 거치지 않고도 주요 콘텐츠에 도달할 수 있습니다. 이는 레벨 A 요구 사항으로, 접근 가능한 키보드 내비게이션을 위한 기본 기준을 의미합니다.
WCAG 2.4.3: 포커스 순서
WCAG 2.4.3은 웹 페이지를 순차적으로 탐색할 수 있고 그 탐색 순서가 의미나 동작에 영향을 미치는 경우, 포커스를 받을 수 있는 구성 요소들이 의미와 조작 가능성을 유지하는 순서로 포커스를 받아야 한다고 요구한다. 이 기준은 논리적이고 예측 가능한 포커스 순서에 의존하여 콘텐츠를 이해하고 상호작용하는 키보드 및 보조 기술 사용자들에게 필수적이다.
WCAG 3.2.1: 포커스 시
WCAG 3.2.1 On Focus는 어떤 사용자 인터페이스 구성 요소가 키보드 포커스를 받을 때, 예기치 않은 컨텍스트 변경을 일으켜서는 안 된다고 요구합니다. 이는 키보드 및 보조 기술 사용자들이 페이지를 효과적으로 탐색하는 것을 불가능하게 만들 수 있는 혼란스럽고 예측 불가능한 동작으로부터 보호합니다.
WCAG 2.4.7: 포커스 표시됨
WCAG 2.4.7은 키보드로 조작 가능한 모든 사용자 인터페이스에 대해, 사용자가 현재 어떤 요소에 키보드 포커스가 있는지 항상 볼 수 있도록 눈에 보이는 포커스 표시기를 갖출 것을 요구합니다. 이는 키보드만 사용하는 사용자, 운동 장애가 있는 사람들, 그리고 마우스를 사용할 수 없는 모든 사람에게 필수적입니다.
WCAG 2.4.11: 포커스 비가림 (최소)
WCAG 2.4.11은 UI 구성 요소가 키보드 포커스를 받을 때, 고정 헤더, 쿠키 배너, 채팅 위젯과 같은 제작자가 만든 콘텐츠에 의해 완전히 가려지지 않아야 한다고 요구합니다. 이 기준은 키보드 사용자가 페이지에서 자신이 어디에 있는지 항상 볼 수 있도록 보장하며, 이는 탐색과 사용성에 필수적입니다.
WCAG 2.4.12: 포커스 비가림 (강화됨)
WCAG 2.4.12는 UI 구성 요소가 키보드 포커스를 받을 때, 작성자가 만든 콘텐츠에 의해 해당 구성 요소의 어떤 부분도 가려지지 않아야 한다고 요구합니다. 즉, 포커스된 요소는 완전히 보여야 합니다. 이 강화된(AAA) 기준은 AA 기준에서 허용되던 부분 가시성을 없애, 키보드 사용자가 포커스가 어디에 있는지 항상 정확히 볼 수 있도록 합니다.
WCAG 2.4.13: 포커스 외형
WCAG 2.4.13은 키보드 포커스 표시기가 최소 크기와 명도 대비 요구 사항을 충족하여 사용자가 어떤 요소에 포커스가 있는지 명확하게 볼 수 있도록 할 것을 요구합니다. 이 기준은 키보드나 보조 기술에 의존하는 사람들이 현재 위치를 놓치지 않고 인터페이스를 탐색할 수 있도록 보장합니다.