각 페이지마다 '색상을 변경할 수 있는 제어기'를 쉽고 빠르게 찾을 수 있도록 페이지 상단에 배치하여 쉽게 사용할 수 있도록 UI를 제공해야 합니다.
기술설명
이 기술의 목적은 사용자가 콘텐츠에 자신이 원하는 전경색과 배경색을 지정하게 하는 제어기를 웹 페이지에 포함시키는 것입니다.
이 기술은 홈페이지 내에 있는 여러 페이지에 적용할 수 있도록, 사용자가 선택한 설정 값이 저장 되어야 합니다.
모든 페이지에 사용자가 설정한 전경색과 배경색을 저장하는 제어기가 사이트에 포함되어야 합니다.
제어기는 기본 설정 값을 가지고 있다가 저장된 설정이 발견되면 해당 값을 적용하도록 설계되어야 합니다.
인지 장애가 있는 사용자의 경우, 흰색 배경에 검은색 텍스트를 보는 것이 힘들 수 있습니다.
그래서 다른 색상이 필요할 수 있습니다. 사람마다 원하는 색상이 다를 수 있습니다.
이런 사용자 중에 일부는 '브라우저'나 '운영 체제'를 통해 색상을 설정하는 것이 어려울 수 있습니다.
하지만 페이지 상단에 제어기를 배치하면 '브라우저'의 속성을 이용하지 않고 색상을 쉽게 변경할 수 있습니다.
예시
사용자는 텍스트 필드에 16진수 값을 입력할 수 있습니다.
필드 옆에 있는 ‘선택’링크는 ‘색상 선택 도구’를 불러옵니다.
'색상 선택 도구' 불러와서 원하는 색상을 선택할 수 있습니다.
선택한 색상을 적용하는 기술은 PHP, javascript, CSS, XHTML 등을 이용하여 구현하면 됩니다.
관련기술
G148: 배경색 지정 안 함, 텍스트색 지정 안 함, 해당 기본값을 변경하는 기술 기능 사용 안 함
G156: 텍스트 블록의 전경과 배경을 변경할 수 있는 일반적으로 사용 가능한 사용자 에이전트를 갖춘 기술 사용
C25: 텍스트와 텍스트 배경색을 지정하지 않고 웹 페이지의 영역을 구분하기 위해 CSS에서 테두리와 레이아웃 지정
점검절차
1. 해당 페이지에 '색상 선택 도구'를 사용할 수 있는 제어기가 있는지 확인합니다.
2. '색상 선택 도구'가 텍스트와 배경에 대한 색상을 적용할 수 있는지 확인합니다.
3. '색상 선택 도구'로 텍스트와 배경에 색상을 선택합니다.
4. 선택한 색상으로 변하는지 확인합니다.
나의 정리
웹 페이지 내에 텍스트 색상과 배경색을 사용자가 변경할 수 있는 제어기를 제공하자는 것입니다.
인지장애가 있는 사용자의 경우, 기본적으로 제공되는 흰색 바탕에 검은색 글씨를 불편해 할 수도 있습니다.
그리고 각각 텍스트를 잘 볼 수 있는 색상의 조합이 다를 수 도 있습니다.
노란 배경에 검은색 텍스트 또는 갈색 배경에 회색 초록색 텍스트를 선호 할 수도 있습니다.
그래서 사용자가 직접 텍스트 색상과 배경색을 선택할 수 있는 제어기를 제공하는 것입니다.
텍스트 색상과 배경색은 브라우저나 운영체제의 설정에서도 변경할 수 있지만, 인지장애가 있는 사용자 들의 경우 설정을 변경하는 것이 힘든 수 있습니다.
그래서 각 페이지마다 '색상을 변경할 수 있는 제어기'를 쉽고 빠르게 찾을 수 있도록 페이지 상단에 배치하여 쉽게 사용할 수 있도록 UI를 제공해야 합니다.
G175: Providing a multi color selection tool on the page for foreground and background colors
https://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/G175.html
G175: Providing a multi color selection tool on the page for foreground and background colors | Techniques for WCAG 2.0
The objective of this technique is to include a control on a Web page or set of Web pages that allows users to specify preferred foreground and background colors for the content. This technique can be implemented using any technology that allows users to s
www.w3.org
'웹접근성지침(WCAG2.0)' 카테고리의 다른 글
| [웹접근성 지침-일반기술 G177] 수정이 필요한 부분에 제안하는 설명을 제공하자. (41) | 2024.12.02 |
|---|---|
| [웹접근성 지침-일반기술 G176] 반짝이는 영역을 최대한 작게 만들자. (9) | 2024.11.30 |
| [웹접근성 지침-일반기술 G174] 텍스트 색과 배경색을 사용자가 인지 할 수 있는 대비로 전환 할 수 있는 기능을 제공하자. (2) | 2024.11.27 |
| [웹접근성 지침-일반기술 G173] 영상을 설명하는 오디오를 제공하자. (40) | 2024.11.26 |
| [웹접근성 지침-일반기술 G172] 모든 텍스트의 '양쪽 정렬'을 제거하는 기술을 제공하자. (4) | 2024.11.25 |
