[웹접근성 지침-일반기술 G148] 배경과 글자색을 지정하지 않고, 해당 기본 값을 변경하는 기술도 사용하지 않는다.

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

---

 모든 사용자가 불편함 없이 텍스트를 보게 하려면, 글자색과 배경에 속성을 주지 않는 것도 방법이다.

---

기술설명

이 기술의 목적은 사용자가 배경위에 있는 텍스트를 읽을 수 있도록 하는 것입니다.

이 기술은 제작자가 글자색과 배경을 지정하지 않는 것입니다. 그래서 글자와 배경의 명암비를 측정할 필요가 없게 하는 것입니다.

브라우저(= user agent)에서 지장한 기본 값이 글자색과 배경에 적용되는 것입니다.

 

브라우저(= user agent)는 시각 장애가 있는 사용자들을 배려하여 보기 힘들어 하는 색상을 사용하지 않고 있습니다.

이 기술은 브라우저와 웹사이트가 전경색과 배경색을 두고 충돌하여 글자색과 배경색을 동일하게 만드는 문제를 해결하기도 합니다. 브라우저 또는 보조기술에서 사용자가 색상을 직접 설정하지 않는 이상 이런 문제는 없을 것입니다.

 

 

예시

제작자는 CSS로 글자색과 배경에 어떠한 설정도 주지 않았습니다.

결과적으로 사용자는 브라우저에서 제공한 기본 값으로 보게 됩니다. 사용자에게 잘 맞는 명암비로 보게 됩니다.

 

 

자료

대조 분석기 - 응용 프로그램 

대비율 분석기 - 온라인 서비스 

색상 대비 분석기 - Firefox 확장 프로그램 

비정형적인 색상 반응 

웹 색상 색상 대비 분석기

색상 결핍으로 인해 색상 대비만 손실되었을 때 색상 대비를 휘도 대비로 복원하도록 색상 손실에 따라 이미지를 변환하는 도구입니다. 

색상 대비 도구 목록 

 

 

관련기술

G18: 텍스트(및 텍스트 이미지)와 텍스트 뒤의 배경 사이에 최소 4.5:1의 대비율이 있는지 확인

G156: 텍스트 블록의 전경과 배경을 변경할 수 있는 일반적으로 사용 가능한 사용자 에이전트를 갖춘 기술 사용

 

 

점검절차

1. 글자색을 지정하는 부분이 있는지 찾아봅니다.

2. 글자색이 지정되지 않았는지 확인합니다.

3. 배경색이나 배경이미지가 지정된 부분이 있는지 찾아봅니다.

4. 배경색이나 배경이미지가 지정되지 않았는지 확인합니다.

 

 

---

 

나의 정리

텍스트를 잘 보기위해서는 배경의 도움이 필요합니다. 텍스트의 색상과 배경의 색상이 비슷할수록 글자는 잘 보이지 않습니다.

텍스트 색상보다 배경색이 화려하거나 너무 부담스러운 색상이라면 텍스트를 읽는 것이 힘들 수 있습니다.

또는 텍스트에 배경이미지가 있는 경우, 배경이미지로 인해 글자 일부분이 안보일 수 있습니다.

이런 문제들을 한꺼번에 해결하는 방법은 텍스트에 색상을 지정하지 않고 배경에 색상과 이미지를 지정하지 않는 것입니다.

그렇게 하면 브라우저에서 기본 값으로 제공하는 속성이 글자와 배경에 지정이 됩니다.

브라우저는 모든 사람들이 불편함 없이 볼 수 있도록 모든 기능들이 맞춰져 있으므로, 이런 속성을 이용하여 문제를 해결하자는 것입니다.

 

웹 페이지는 화려한 디자인 보다, 그 안에 있는 정보를 모든 사용자가 불편함 없이 볼 수 있도록 하는 것이 0순위인 것 같습니다.

모든 사용자가 불편함 없이 텍스트를 보게 하려면, 글자색과 배경에 속성을 주지 않는 것도 방법이다.

---

 

G148: Not specifying background color, not specifying text color, and not using technology features that change those defaults

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

G148: Not specifying background color, not specifying text color, and not using technology features that change those defaults |

 

---

 

독학으로 힘들어 하시는 분들을 위해 과외를 준비 했습니다. 

2024년 11월 한 달간 맞춤형 과외를 할 예정입니다.
입문자 분들의 참여 부탁드립니다.
교육과정은 인터뷰 후에 맞춤으로 진행할 예정입니다. 

참여하기: https://blog.naver.com/redoxup/223601934677

[조립]에서 2024년 11월 한 달 무료 과외(HTML/CSS/jQuery)를 합니다. - 과외 신청하세요!!