웹 접근성 - 명도대비

subhin(soo)·2021년 3월 26일
0

명도대비

저시력자, 고령자 등도 인식할 수 있도록 콘텐츠와 배경 간의 명도 대비는 4.5:1 이상이어야 합니다. 다만, 로고, 장식 목적의 콘텐츠, 마우스나 키보드를 활용하여 초점을 받았을 때 명도 대비가 커지는 콘텐츠 등은 예외합니다.

  • 콘텐츠의 명도 대비 : 웹 페이지가 제공하는 텍스트 콘텐츠(텍스트 및 텍스트 이미
    지)와 배경 간의 명도 대비는 4.5 대 1 이상이어야 한다.

  • 폰트 크기에 따른 명도 대비 : 텍스트 콘텐츠를 구성하고 있는 텍스트 폰트를 18pt
    이상 또는 14pt 이상의 굵은 폰트를 사용하는 경우에는 명도 대비를 3대 1까지 낮
    출 수 있다.

  • 화면 확대가 가능한 콘텐츠 : 화면 확대가 가능하도록 구현한 텍스트 콘텐츠(텍스
    트 및 텍스트 이미지)의 명도 대비는 3 대 1까지 낮출 수 있다.

  • 입력 도움용 텍스트의 명도 대비가 4.5:1 이상이어야 사용자가 이해하기 쉽습니다.



예외사항

1.콘텐츠와 배경 색의 명도 대비가 3:1까지 허용되는 경우

  • 텍스트가 18pt 또는 굵은(Bold) 14pt 이상일 경우
  • 확대 가능한 페이지의 일반 텍스트 또는 이미지 텍스트

2.비활성 콘텐츠

  • 입력 방지용, 사용할 수 없음 표시용

3.장식 목적의 콘텐츠

  • 로고
  • 장식용 이미지

결과적으로, 예외사항을 제외한 나머지 4.5 대 1 이상의 명도대비를 준수한다.




[출처]

네이버접근성
https://accessibility.naver.com/acc/guide_04
한국형 웹 콘텐츠 접근성 지침 2.1
https://www.wah.or.kr:444/Participation/%ED%95%9C%EA%B5%AD%ED%98%95%EC%9B%B9%EC%BD%98%ED%85%90%EC%B8%A0%EC%A0%91%EA%B7%BC%EC%84%B1%EC%A7%80%EC%B9%A82.1.pdf

0개의 댓글