버튼 배경색과 글씨색의 Contrast Ratio에 대해 알고계셨나요?

안녕하세요. 김동환입니다.

요즘 1인 개발자로 활동하시는 분들이 점점 많아지는 것 같아요.
저도 그런 분들의 UI/UX 디자인을 피드백해 드릴 기회가 많았는데요.
간단한 UI/UX 지식들을 콘텐츠로 만들어 공유하면 어떨까 해서 스레드에 조금씩 올리고 있어요. 디스콰이엇에도 한 번 공유해보려고 해요.


1인 개발자를 위한 1분 UIUX 팁 :

버튼 배경색과 글씨색의 Contrast Ratio에 대해 알고계셨나요?

Contrast Ratio는 버튼의 배경색과 글씨색이 얼마나 잘 구분되는지를 수치로 나타내는 지표예요.
이 비율이 높을수록 글씨가 배경에서 더 명확하게 보여요. 사용자가 버튼을 쉽게 인식하고 사용할 수 있도록, 적절한 대비 비율을 유지하는 것이 중요해요.

배경색과 글씨는 최소 4.5:1 이상의 대비 비율을 유지해야 해요.
이 값은 일반적인 크기의 글씨가 다양한 배경색에서 쉽게 읽히도록 해줍니다.
폰트 크기는 18pt 이상의 텍스트나 굵게 처리된 14pt 이상의 텍스트가 눈에 잘 읽힐 수 있어요.