[접근성] 1. 인식성 - 05. 텍스트 콘텐츠의 명도 대비

텍스트 콘텐츠와 배경 간의 명도 대비는 4.5:1 이상이어야 합니다.

---

[텍스트 명도 대비]

페이지에 존재하는 모든 텍스트에 대해 명도 대비를 준수해야 하는 것은 물론이고, 텍스트가 이미지로 된 경우에도 명도 대비를 준수해야 합니다.

 

[의미가 있는 이미지 명도 대비]

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

---

[확대가 가능한 브라우저의 명도 대비]

확대가 가능한 브라우저에서는 최소 3:1 이상이면 준수입니다.

그래도 명도 대비가 높을수록 가독성이 높기 때문에 4.5:1 이상이 되도록 구현해주시기 바랍니다.

[예외의 경우]

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

---

[공부 좌표]

5) 텍스트 콘텐츠의 명도 대비