WCAG 2.0: 글꼴색과 배경색 명도 대비 적합성 수준 AA(1.4.3)/AAA(1.4.6) 미리보기 > html/css

본문 바로가기
gnb bg


html/css

html/css

WCAG 2.0: 글꼴색과 배경색 명도 대비 적합성 수준 AA(1.4.3)/AAA(1.4.6) 미리보기

본문

WCAG 2.0 기준(보통 문자, 큰 문자)에 따라 다양한 명도 대비를 보여주는 표(Passed는 적합한 수준임)
Contrast RatioFG/BG ColorNormal Text 
12pt(16px, 1em, 100%) + Normal
Large Text 
14pt(19px, 1.2em, 120%) + Bold
Large Text 
18pt(24px, 1.5em, 150%) + Normal
21:1#000000/#FFFFFFPower of Web. 웹의 힘. 
Passed AAA
Power of Web. 웹의 힘. 
Passed AAA
Power of Web. 웹의 힘. 
Passed AAA
12.63:1#333333/#FFFFFFPower of Web. 웹의 힘.
Passed AAA
Power of Web. 웹의 힘.
Passed AAA
Power of Web. 웹의 힘.
Passed AAA
7:1#595959/#FFFFFFPower of Web. 웹의 힘.
Passed AAA
Power of Web. 웹의 힘.
Passed AAA
Power of Web. 웹의 힘.
Passed AAA
5.74:1#666666/#FFFFFFPower of Web. 웹의 힘.
Passed AA
Power of Web. 웹의 힘.
Passed AAA
Power of Web. 웹의 힘.
Passed AAA
4.54:1#767676/#FFFFFFPower of Web. 웹의 힘.
Passed AA
Power of Web. 웹의 힘.
Passed AAA
Power of Web. 웹의 힘.
Passed AAA
4.48:1#777777/#FFFFFFPower of Web. 웹의 힘.Power of Web. 웹의 힘.
Passed AA
Power of Web. 웹의 힘.
Passed AA
3.54:1#888888/#FFFFFFPower of Web. 웹의 힘.Power of Web. 웹의 힘.
Passed AA
Power of Web. 웹의 힘.
Passed AA
3:1#959595/#FFFFFFPower of Web. 웹의 힘.Power of Web. 웹의 힘.
Passed AA
Power of Web. 웹의 힘.
Passed AA
2.85:1#999999/#FFFFFFPower of Web. 웹의 힘.Power of Web. 웹의 힘.Power of Web. 웹의 힘.
1.61:1#CCCCCC/#FFFFFFPower of Web. 웹의 힘.Power of Web. 웹의 힘.Power of Web. 웹의 힘.
1.16:1#EEEEEE/#FFFFFFPower of Web. 웹의 힘.Power of Web. 웹의 힘.Power of Web. 웹의 힘.

참고 도구

댓글목록

등록된 댓글이 없습니다.


Copyright 2005-2020 UNIDA_v7. All rights reserved.