아이콘 색상

중요 정보 제공

콘텐츠는 색에 관계없이 인식될 수 있어야 한다는 웹 접근성 지침*에 따라 중요한 정보를 제공해야 하는 아래의 경우에는 색과 함께 아이콘의 의미가 중요하므로 색상과 아이콘을 맞추어 사용할 것을 권장합니다.

색상에 대한 자세한 내용은 컬러 가이드를 참고하세요.

*한국형 웹 콘텐츠 접근성 지침 2.1 > 1.3.1 (색에 무관한 콘텐츠 인식) 콘텐츠는 색에 관계없이 인식될 수 있어야 한다.
http://www.websoul.co.kr/accessibility/WA_guide21.asp

배경 색상에 따른 아이콘의 투명도

밝은 배경의 아이콘


활성 아이콘

밝은 배경에 초점이 맞춰진 활성 아이콘의 표준 불투명도는 87%(#000000), 초점이 맞지 않은 활성 아이콘은 54%(#000000)의 불투명도를 권장합니다.

비활성 아이콘

시각적 계층 구조에서 더 낮은 비활성 아이콘은 38%(#000000)의 불투명도를 권장합니다.

어두운 배경의 아이콘

활성 아이콘

어두운 배경에 초점이 맞춰진 활성 아이콘의 표준 불투명도는 100%(#FFFFFF), 초점이 맞지 않은 활성 아이콘은 70%(#FFFFFF)의 불투명도를 권장합니다.

비활성 아이콘

시각적 계층 구조에서 더 낮은 비활성 아이콘은 50%(#FFFFFF)의 불투명도를 권장합니다.