remain

폰트컬러

웹접근성에 의한 명도대비

웹접근성이란

사용자가 장애 유무 등에 관계없이 웹 사이트에서 제공하는 모든 콘텐츠를 동등하게 인식할 수 있도록 제공하는 것을 의미합니다. 웹접근성에서 ‘적합성 수준’이란 세부 지침들이 갖는 중요도를 3단계로 분류하는 것을 말합니다.

출처

https://www.wah.or.kr:444/Participation/한국형웹콘텐츠접근성지침2.1.pdf https://www.w3.org/WAI/WCAG21/quickref/#contrast-minimum

텍스트 콘텐츠의 명도 대비

저시력자 및 색각 이상자, 노인 등 을 위한 웹접근성 가이드에 따라 텍스트 콘텐츠와 배경간의 명도대비는 최소 4.5:1 이상이어야 합니다.



  • 1. 텍스트 콘텐츠(텍스트 및 텍스트 이미지)와 배경 간의 명도 대비는 4.5:1 이상이어야 합니다.
  • 2. 텍스트 크기가 약 24px(18pt) 이상 또는 약 18.5px(14pt) 이상의 굵은 폰트를 사용하는 경우 명도 대비를 3:1까지 낮출 수 있습니다.
  • 3. 화면 확대가 가능하도록 구현한 텍스트 콘텐츠(텍스트 및 텍스트 이미지)의 명도 대비는 3:1까지 낮출 수 있습니다.

그 외 텍스트는 약 24px(18pt) 이상 또는 약 18.5px(14pt) 이상의 굵은 폰트의 경우입니다. (1pt = 1.333px)
등급별 명암대비는 최소 대비 기준, 명암강도는 1에서 21까지 (1:1 에서 21:1로 작성)입니다.