'네이티브 초점 표시기'를 수정하면 웹 페이지에도 같이 적용되므로 브라우저의 '초점 표시기'에서 수정하는 것 보다
'네이티브 초점 표시기'에서 수정하는 것이 효율적입니다.
초점 표시가 더 잘 보이게 하려면 '네이티브 초점 표시기(native focus indicator)'의 속성을 변경하자.
기술설명
운영체제에는 다양한 '브라우저(= user agents)'에도 적용할 수 있는 '네이티브 초첨 표시기'가 있습니다.
기본 설정으로 된 '초점 표시기'는 대부분 눈에 띄지 않으며, 배경이 어두우면 더 잘 안 보입니다.
대부분의 '플랫폼(platforms)'들은 사용자가 '초점 표시기'의 속성을 지정할 수 있습니다.
'보조 기술(AT)'은 '네이티브 초점 표시기'의 모양을 변경할 수 있습니다.
사용자가 '네이티브 초첨 표시기'에 가시성과 관련된 부분을 설정하면 웹 페이지에도 동일하게 적용됩니다.
사용자가 '네이티브 초첨 표시기'가 아닌 개인적인 '초첨 표시기'를 통해 가시성과 관련된 부분을 설정하면, '보조 기술(AT)'은 이를 인식하지 할 수 있습니다.
예시
[예시1] '마이크로 소프트'사의 운영체제 '윈도우'에서는 '기본 초점 표시기'로 맞춰진 요소의 주위로 1픽셀의 검은색 점선이 생성됩니다. 어두운 배경 위에 있으면 안보일 수도 있습니다. 페이지 제작자는 기본 값을 사용자가 '윈도우'에서 밝은 색상으로 수정 할 수 있게 만들어야 합니다.
[예시2] HTML에서 폼 요소와 링크는 기본적으로 초점이 맞춰지는 요소입니다.
또한 모든 요소에 tabindex 속성을 주고 값을 0이상으로 설정 하면 초점을 맞출 수 있습니다.
두 가지 방법으로 초점 요소가 되면, '초점 표시기'가 초점을 표시해 줍니다. '초점 표시기'의 스타일은 플랫폼에서 변경할 수 있습니다.
관련기술
G149: 사용자 에이전트가 포커스를 받을 때 강조 표시하는 사용자 인터페이스 구성 요소 사용
C15: CSS를 사용하여 사용자 인터페이스 구성 요소가 포커스를 받을 때 해당 구성 요소의 표현을 변경합니다.
SCR31: 스크립트를 사용하여 포커스가 있는 요소의 배경색 또는 테두리 변경
점검절차
1. 플랫폼에서 제공하는 '초점 표시기'의 스타일을 사용자가 지정해 홉니다.
2. 페이지를 내에서 '탭(Tab)'키로 초점 경로를 확인합니다.
3. 지정한 스타일로 '초점 표시기'가 보이는지 확인합니다.
나의 정리
운영 체제에서는 기본적으로 제공하는 '초점 표시기(focus indicator)'를 '네이티브 초점 표시기(native focus indicator)'라고 합니다.
'네이티브 초점 표시기(native focus indicator)'에서 초점의 모양이나 색상 변경하면 운영 체제 안에 있는 브라우저 같은 '플랫폼(platforms)'에도 해당 속성이 적용됩니다.
즉 '네이티브 초점 표시기(native focus indicator)'의 속성을 바꾸면 브라우저의 '초점 표시기' 또한 바뀐다는 것입니다.
'네이티브 초점 표시기(native focus indicator)'의 기본 속성으로 요소에 초점이 적용된모습을 보면 평범해서 눈에 잘 띄지 않습니다. 특히 초점이 적용된 요소가 어두운색 배경 위에 있다면 더 눈에 뛰지 않을 수 있습니다.
그래서 '초점 표시기'를 사용하시는 사용자들은 '네이티브 초점 표시기(native focus indicator)'를 눈에 잘 뛰게 수정해 주어야 합니다.
G165: Using the default focus indicator for the platform so that high visibility default focus indicators will carry over
https://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/G165.html
G165: Using the default focus indicator for the platform so that high visibility default focus indicators will carry over | Tech
Operating systems have a native indication of focus, which is available in many user agents. The default rendering of the focus indicator isn't always highly visible and may even be difficult to see against certain backgrounds. However, many platforms allo
www.w3.org
'웹접근성지침(WCAG2.0)' 카테고리의 다른 글
| [웹접근성 지침-일반기술 G167] 필드에 인접한 버튼이 레이블(label) 역할을 합니다. (27) | 2024.11.20 |
|---|---|
| [웹접근성 지침-일반기술 G166] 중요한 '비디오 콘텐츠'에 '대체 오디오'가 제공되어야 한다. (32) | 2024.11.19 |
| [웹접근성 지침-일반기술 G164] 온라인에서 거래나 요청을 한 후에 수정 및 취소를 할 수 있는 시간을 제공해야 한다. (33) | 2024.11.17 |
| [웹접근성 지침-일반기술 G163] 사용자가 '표준 발음 구별 기호'를 켜고 끌 수 있게 하자. (20) | 2024.11.16 |
| [웹접근성 지침-일반기술 G162] 관계를 예측할 수 있는 위치에 '레이블(label)'을 배치하자. (3) | 2024.11.15 |
