공공기관의 웹사이트나 모바일 서비스에서는 색으로 정보의 상태를 구분하는 화면을 자주 볼 수 있다. 예약할 수 있는 시간은 초록색, 마감된 시간은 빨간색으로 표시하고, 입력 오류가 발생한 항목에는 붉은 테두리를 적용한다. 도서관 홈페이지에서도 대출 가능 여부와 좌석 현황, 프로그램 신청 상태를 서로 다른 색으로 구분한다. 색은 많은 정보를 빠르게 전달하지만 모든 이용자가 그 차이를 같은 방식으로 인식하지는 않는다.

적색과 녹색을 구별하기 어려운 이용자는 색으로 표시한 예약 상태를 정확히 파악하기 어렵다. 저시력 이용자에게는 밝은 회색 글자와 흰색 배경의 경계가 흐릿하게 보일 수 있다. 시력이 정상인 사람도 햇빛이 강한 야외에서 스마트폰을 사용하거나 화면 밝기가 낮은 기기를 볼 때 비슷한 불편을 겪는다. 낮은 색상 대비는 특정 장애 유형에 한정된 문제가 아니라 다양한 이용자와 사용 환경에서 정보의 가독성을 떨어뜨린다(Ludwig, 2026).

색상 대비는 글자와 배경 사이의 상대적인 밝기 차이를 수치로 나타낸 것이다. 세계웹접근성기구(W3C)의 「웹 콘텐츠 접근성 지침 2.2」(Web Content Accessibility Guidelines 2.2, WCAG 2.2)는 일반적인 크기의 글자와 배경 사이에 최소 4.5:1의 대비를 요구한다. 18포인트 이상의 큰 글자 또는 14포인트 이상의 굵은 글자는 3:1 이상의 대비를 확보해야 한다(W3C Web Accessibility Initiative [WAI], n.d.-a). 버튼의 테두리와 입력창, 아이콘, 그래프처럼 정보를 전달하는 비문자 요소도 주변 색과 3:1 이상의 대비를 이루어야 한다(W3C WAI, 2026).

이러한 기준은 색의 조화를 평가하기 위한 수치가 아니다. 이용자가 화면의 글자와 기능을 분명하게 인식할 수 있도록 정한 최소 조건이다. 명도 차이가 부족하면 색상 자체가 다르더라도 글자를 읽거나 버튼의 위치를 찾기 어려울 수 있다. 특히 가는 서체와 작은 글자, 이미지나 그라데이션 위에 배치한 문자는 수치상 기준을 충족하더라도 실제 화면에서는 선명하게 보이지 않을 수 있다. 따라서 기준에 가까스로 맞추기보다 사용 환경을 고려해 충분한 대비를 확보할 필요가 있다(W3C WAI, n.d.-a).

색상 대비가 충분해도 정보의 의미를 색으로만 구분하면 문제가 남는다. 신청 가능한 날짜와 마감된 날짜를 초록색과 빨간색으로 표시하면 두 색을 구별하기 어려운 이용자에게는 동일한 정보로 보일 수 있다. 색과 함께 ‘신청 가능’, ‘마감’ 등의 문자를 표시하거나 아이콘과 형태를 다르게 적용해야 한다. 오류가 발생한 입력란에도 붉은 테두리만 표시하기보다 경고 아이콘과 오류의 원인, 수정 방법을 함께 안내하는 편이 적절하다. 그래프에서는 색뿐 아니라 무늬와 선의 형태, 항목명을 함께 사용해야 각 자료를 정확히 구분할 수 있다(U.S. General Services Administration [GSA], n.d.).

대중을 위한 공공서비스에서는 이러한 원칙이 더욱 중요하다. 공공 디지털 서비스는 연령과 장애 유무, 디지털 기기 사용 능력이 서로 다른 사람들이 이용한다. 작은 글자와 낮은 대비, 색으로만 구분한 버튼은 자료 검색이나 좌석 예약, 프로그램 신청과 같은 기본적인 기능의 이용을 어렵게 만든다. 온라인에서 필요한 정보를 찾지 못하거나 신청 절차를 완료하지 못한다면 서비스 이용 기회에도 차이가 생길 수 있다.

기관의 상징색을 유지해야 한다는 요구와 접근성 기준이 충돌하는 경우도 있다. 밝은 파스텔색 위에 흰색 글자를 배치하거나 흰색 바탕에 옅은 회색 글자를 사용하는 디자인은 부드럽고 세련된 인상을 줄 수 있지만 가독성이 낮다. 기관의 정체성을 보여주는 상징색이라고 해서 모든 화면 요소에 동일하게 적용할 필요는 없다. 상징색은 로고와 장식 영역에서 유지하고, 본문과 버튼, 안내 문구처럼 정보를 전달하는 요소에는 명도 차이가 큰 색을 적용할 수 있다. 같은 색상 계열 안에서도 밝기를 조절해 본문용, 배경용, 강조용 색을 구분하면 기관의 이미지와 가독성을 함께 유지할 수 있다(Ludwig, 2026).

색채 접근성은 제작이 끝난 뒤 검사하는 항목으로 다루기보다 초기 설계 단계부터 반영해야 한다. 대표 색을 정할 때 본문과 배경의 대비를 측정하고, 버튼의 기본·선택·비활성 상태가 분명하게 구분되는지 확인해야 한다. 색상 대비 분석 도구는 HEX나 RGB 값을 바탕으로 대비 비율을 계산할 수 있다. 그러나 자동 검사만으로는 실제 이용 환경에서 발생하는 문제를 모두 확인하기 어렵다. 다양한 화면 크기와 밝기 조건에서 점검하고, 색각 이상 시뮬레이션과 저시력 이용자의 사용성 평가를 병행하는 과정이 필요하다(GSA, n.d.).

디지털 환경에서 색은 기관의 이미지를 형성하고 정보의 구조와 상태를 알려준다. 그러나 내용을 읽기 어렵거나 기능을 구분할 수 없다면 색채 계획의 목적도 충분히 실현되기 어렵다. 글자와 배경의 명도 차이를 확보하고, 색과 함께 문자·아이콘·형태를 사용하는 방식은 다양한 이용자가 같은 정보에 접근하도록 돕는다. 색상 대비는 화면을 보기 좋게 만드는 기술보다 누구나 공공정보와 서비스를 이용할 수 있도록 보장하는 설계 원칙에 가깝다.

참고문헌

Ludwig, M. (2026, February 24). Why color contrast is crucial in digital design. axes4.

U.S. General Services Administration. (n.d.). Making color usage accessible. Section508.gov. Retrieved July 22, 2026.

W3C Web Accessibility Initiative. (n.d.-a). Understanding success criterion 1.4.3: Contrast (minimum). Retrieved July 22, 2026.

W3C Web Accessibility Initiative. (2026, June 15). Understanding success criterion 1.4.11: Non-text contrast.

W3C Web Accessibility Initiative. (n.d.-b). How to meet WCAG 2.2: Quick reference. Retrieved July 22, 2026.