성공 기준(SC)
키보드로 조작하는 사용자 인터페이스는 키보드 초점 표시기가 보이는 조작 모드를 제공해야 한다.
2.4.7 초점 가시성
(Level AA)
- 목표
- 사용자는 어떤 요소에 키보드 초점이 있는지 안다.
- 할 일
- 초점을 받는 각 항목이 가시적인 표시기를 가지도록 보장한다.
- 중요성
- 초점 표시기가 없으면, 시력이 있는 키보드 사용자는 페이지를 조작할 수 없다.
이 성공 기준의 목적은 어떤 요소에 키보드 초점이 있는지 사용자가 알 수 있게 돕는 것이다.
“조작 모드”라는 표현은 항상 초점 표시기를 보여주지 않거나, 키보드를 사용할 때만 초점 표시기를 보여주는 사용자 에이전트를 고려한 것이다. 사용자 에이전트는 초점 표시기를 보여주는 시점을 최적화할 수 있는데, 예를 들어 키보드가 사용될 때만 표시기를 보여줄 수 있다. 저작자는 초점이 보이는 조작 모드를 최소 하나 이상 제공할 책임이 있다. 대부분의 경우 조작 모드가 하나뿐이므로 이 성공 기준이 적용된다. 초점 표시기는 시간 제한이 있어서는 안 되며, 키보드 초점이 표시된 이상 그 표시는 유지되어야 한다.
참고
마우스나 포인터 사용자가 키보드로 초점을 설정하지 않았더라도, 눈에 보이는 초점 표시기로부터 이점을 얻을 수 있는 상황이 있을 수 있다. 모범 사례로서, 이러한 경우에도 명시적인 초점 표시기를 제공하는 것을 고려해야 한다.
키보드 초점 표시기는 여러 형태를 취할 수 있다는 점에 유의해야 한다. WCAG 2.2에서 새로 추가된 사항으로, 초점 표시기 기준은 그 형태를 구체적으로 명시하지 않지만, 2.4.13 초점 형태(Level AAA)에서 일관되고 눈에 보이는 표시기를 만드는 방법에 대한 지침을 제공한다.
- 이 성공 기준은 키보드로 페이지를 조작해야 하는 모든 사람에게 도움이 된다. 어느 시점에서든 키보드 조작이 상호작용할 컴포넌트를 시각적으로 판단할 수 있게 해주기 때문이다.
- 주의력 제한, 단기 기억 제한, 또는 실행 기능에 제한이 있는 사람은 초점이 어디에 있는지 파악할 수 있다는 점에서 도움을 받는다.
- 텍스트 필드가 초점을 받으면, 해당 필드 안에 세로 막대가 표시되어 사용자가 텍스트를 입력할 수 있음을 나타내거나, 텍스트 전체가 강조 표시되어 사용자가 기존 텍스트를 덮어쓸 수 있음을 나타낸다.
- 사용자 인터페이스 컨트롤이 초점을 받으면, 그 주위에 눈에 보이는 테두리가 표시된다.
자료는 정보 제공 목적으로만 제공되며 보증을 암시하지 않는다.
이 섹션의 각 번호가 매겨진 항목은 접근성 지침 실무 그룹이 이 성공 기준을 충족하기에 충분하다고 판단하는 기법 또는 기법의 조합을 나타낸다. 기법은 기준의 최소 요구 사항을 넘어설 수 있다. 이러한 기법에서 포괄하지 않은 기준 충족의 다른 방법이 있을 수 있다. 다른 기법 사용에 대한 정보는 WCAG 성공 기준에 대한 기법 이해, 특히 “기타 기법” 섹션을 참조하라.
- G149: Using user interface components that are highlighted by the user agent when they receive focus
- C15: Using CSS to change the presentation of a user interface component when it receives focus
- G165: Using the default focus indicator for the platform so that high visibility default focus indicators will carry over
- G195: Using an author-supplied, visible focus indicator
- C40: Creating a two-color focus indicator to ensure sufficient contrast with all components
- C45: Using CSS :focus-visible to provide keyboard focus indication
- SCR31: Using script to change the background color or border of the element with focus
다음은 접근성 지침 실무 그룹에서 이 성공 기준의 실패로 간주하는 일반적인 실수이다.
- F55: received
- F78: Failure of Success Criterion 1.4.11, 2.4.7 and 2.4.13 due to styling element outlines and borders in a way that removes or renders non-visible the visual focus indicator
다음은 이 성공 기준의 특정 측면에 대한 점검 규칙이다. WCAG 준수 여부를 확인하기 위해 이러한 특정 점검 규칙을 사용할 필요는 없지만 이것은 정의되고 승인된 검사 방법이다. 점검 규칙 사용에 대한 자세한 내용은 WCAG 성공 기준에 대한 점검 규칙 이해를 참고하라.