[웹접근성 지침-일반기술 G156] '브라우저(=user agents)'의 일반적인 기술로 텍스트 블록의 전경과 배경을 변경하자.

원문: https://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/G156.html

 

 

---

 

인지 장애가 있는 사용자를 위해 사용자가 브라우저에서 글자색과 배경색을 수정할 수 있도록 만들어야 합니다.

---

기술설명

인지 장애가 있는 일부 사용자들의 경우 웹 페이지의 내용을 이해하기 위해서는 텍스트의 색상과 배경색의 특별한 조합이 필요합니다. 많은 사람들이 선호하는 브라우저의 경우, 색상을 지정하는 옵션을 제공합니다.

이를 이용해 사용자는 제작자가 지정한 테스트의 색상 및 배경색을 변경할 수 있습니다.

 

제작자는 브라우저의 이런 기능을 사용자가 이용할 수 있도록 웹페이지를 만들어야 합니다.

제작자는 이런 기능을 제한 시키면 안됩니다.

 

페이지의 모든 테스트의 색상과 배경색을 재정의 하게 되면, 웹 페이지의 그룹화 된 부분이나 구성 부분에 시각적 단서가 보이지 않아 내용을 이해하는데 어려움이 생길 수 있습니다.

이 기술은 배경색을 사용하여 영역(=section)을 구분하는 경우에 적합하지 않습니다.

이 기술은 배경색을 재정의 할 때 '테두리 색상을 변경하지 않는 기술' 또는 '브라우저'에 적합합니다.

배경색을 사용하여 페이지의 영역을 구분하는 경우 [C23: CSS에서 배너 기능 및 탐색과 같은 보조 콘텐츠의 텍스트 및 배경색을 지정해 주면서, 주 콘텐츠의 텍스트 및 배경색을 지정하기] 지침을 사용하여 사용자가 웹페이지의 시각적 구조를 유지하면서 주요 텍스트의 색상을 제어 할 수 있습니다.

 

 

예시

[예시1] 웹 페이지는 HTML과 CSS를 이용하여 테스트의 색과 배경색을 지정하여 디자인합니다.

사용자는 '인터넷 익스플로러 7'에서 텍스트 색과 배경색을 지정하여 콘텐츠를 볼 수 있습니다.

 

[예시2] 웹 페이지는 HTML과 CSS를 이용하여 디자인합니다.

페이지에서 '다양한 브라우저에서 색상을 설정하는 방법에 대한 지침'을 링크로 제공하고 있습니다.

 

  

점검절차

1. HTML 콘텐츠의 색상을 변경할 수 있는 웹페이지를 브라우저에서 실행합니다.

2. 브라우저 설정에서 텍스트 색과 배경색을 변경하여 콘텐츠에서 지정한 색과 다르게 설정합니다.

3. 페이지로 돌아와서, 브라우저에서  지정한 텍스트의 색과 배경색이 콘텐츠에 적용되는지 확인합니다.

---

 

나의 정리

배경색이 있고 그 위에 글자가 있는 사이트가 있습니다. 인지 장애가 있는 일부 사용자들에게는 글자를 읽기 힘든 환경일 수 있습니다. 그런 분들은 브라우저에 있는 기능 이용하여 자신에게 맞는 글자색과 배경색으로 변경할 수 있습니다.

제작자는 이런 사용자들을 위해 브라우저에서 글자색과 배경색을 수정해도 잘 적용 될 수 있도록 만들어야 합니다. 

 

여기에서 주의해야 할 점이 있습니다.

배경색을 이용하여 섹션(section)을 구분한 경우, 브라우저 기능을 통해 모든 배경색을 한 가지 색으로 지정해 버리면

더 이상 색상으로 섹션을 구분할 수 없게 됩니다. 이럴 때를 대비하여 제작자는 색상 말고도 여백이나 구분선, 또는 테두리선을 이용하여 섹션을 구분해야 할 것입니다.

 

인지 장애가 있는 사용자를 위해 사용자가 브라우저에서 글자색과 배경색을 수정할 수 있도록 만들어야 합니다.

 

---

 

G156: Using a technology that has commonly-available user agents that can change the foreground and background of blocks of text

https://www.w3.org/TR/2016/NOTE-WCAG20-TECHS-20161007/G156.html

G156: Using a technology that has commonly-available user agents that can change the foreground and background of blocks of text

 

---

 

공짜로 혼자서도 할 수 있는 웹퍼블리싱 공부 방법을 알려드립니다.

홈페이지 만들기, 혼자하기 힘들다면 무로 스터디에 들어오세요.

공부 방향을 모르겠다면 무료 과외를 신청하세요.

 

https://blog.naver.com/redoxup/223134941372

혼자서 웹퍼블리싱(HTML+CSS)입문과정 마스터 할 수 있다! + 도움을 받으면 더 잘 할 수 있다!!