웹 접근성 지침(KWCAG에 대해) - 5 / 텍스트 콘텐츠의 명도 대비

• 웹 접근성 지침(KWCAG에 대해) - 0
• 웹 접근성 지침(KWCAG에 대해) - 1 / 적절한 대체 텍스트 제공
• 웹 접근성 지침(KWCAG에 대해) - 2 / 자막제공
• 웹 접근성 지침(KWCAG에 대해) - 3 / 색에 무관한 콘텐츠 인식
• 웹 접근성 지침(KWCAG에 대해) - 4 / 명확한 지시 사항 제공

---

텍스트 콘텐츠와 배경 사이의 명도 대비는 4.5 대 1 이상이어야 한다.

 

 

오류 사례와 준수 사례

 

텍스트 명도 대비 오류 사례

페이지에 존재하는 모든 텍스트에 대해 명도 대비를 준수해야 하고, 이미지로 된 텍스트 또한 마찬가지이다.

텍스트와 배경간의 명도 대비는 4.5:1 이상이 되어야 한다.

 

 

의미 있는 이미지 명도 대비 오류 사례

텍스트 뿐만 아니라 의미있는 이미지의 경우에도 이미지를 인식할 수 있도록 명도 대비를 준수해야 한다.

 

 

확대 가능한 브라우저의 경우

확대 가능한 브라우저의 경우 텍스트와 배경 간의 명도 대비가 최소 3:1 이상이면 된다.

하지만 명도 대비가 높을 수록 가독성이 올라가기 때문에 4.5:1 이상이 되도록 구현해주는게 좋다.

 

웹페이지를 볼 때 의미있는 좌우 버튼, 텍스트, 이미지에 있는 텍스트 등의 명도 대비가 모두 준수되어야 한다.

단, 로고, 장식 목적의 콘텐츠, 마우스나 키보드를 활용하여 초점을 받았을 때 명도 대비가 커지는 콘텐츠는 예외로 한다.

---

https://www.boostcourse.org/web344

웹 UI 개발