색상 대비

명암 비율은 두 색상, 보통 텍스트와 배경 사이의 밝기 차이를 측정합니다. 1:1(동일하고 읽을 수 없음)부터 21:1(순수 흰색 배경의 순수 검정)까지 숫자로 표현됩니다. 숫자가 높을수록 텍스트가 읽기 쉬우며, 저시력자, 나이가 많은 눈, 밝은 햇빛 아래의 스마트폰 화면을 사용하는 분들에게 중요합니다. 이것은 접근성 가이드라인과 감사에서 텍스트가 읽기 가능한지 판단하는 데 사용하는 동일한 측정입니다.

웹사이트의 텍스트와 배경 색상 팔레트를 고르는 디자이너, 출시 전 접근성 감사를 실행하는 개발자, 가능한 많은 방문자에게 읽기 가능한 버튼이나 배너 색상을 선택하는 마케터에게 필요합니다.

AA는 웹 콘텐츠 접근성 가이드라인(WCAG)의 널리 사용되는 접근성 목표입니다. 일반 텍스트는 최소 4.5:1, 큰 텍스트는 최소 3:1의 명암 비율을 요구합니다.

AAA는 더 엄격한 수준으로 일반 텍스트에 최소 7:1, 큰 텍스트에 4.5:1을 요구합니다. 대부분의 프로젝트는 AA를 목표로 하며, AAA는 접근성이 특히 중요한 콘텐츠에 적용됩니다.

텍스트와 배경 필드 모두에 앞에 # 기호를 붙이거나 붙이지 않은 3자리 또는 6자리 16진수 색상을 사용하세요.

아니요. 16진수 색상은 전적으로 브라우저에서 확인됩니다.

아니요. 명암 비율은 중요한 요소 중 하나이지만, 읽기 가능한 폰트 크기, 충분한 간격, 의미를 전달하는 데 색상만 사용하지 않는 것도 중요합니다.