접근성이 낮은 로고 색을 쓰는 병원의 브랜드 유지

로고는 그대로, 글자와 정보 표시만 보완

W3C의 대비(최소) 해설은 로고나 로고타입에 쓰인 글자가 기업 정체성이나 브랜드 지침이 정한 엄격한 색 선택을 따라야 한다는 전제에서 대비 요구가 면제된다고 설명합니다. 그러면서도 로고와 로고타입 이외에, 기업 정체성이나 브랜드 지침 때문에 대비가 부족해진 글자는 이 기준에서 면제되지 않는다고 분명히 합니다. 브랜드 지침이 로고 색을 정했다는 이유로 안내문과 버튼 글자까지 연한 색으로 쓸 수는 없다는 뜻입니다. 병원브랜딩에서 낮은 대비의 로고 색을 지키는 방법은, 로고 색이 맡는 역할을 로고와 장식으로 좁히고 글자와 정보 표시는 따로 정한 색이 맡게 하는 것입니다.

로고 색이 맡은 역할별 보완 방법

표에서 보완이 필요한 줄은 로고 색이 글자나 정보 구분을 맡은 곳입니다. 로고와 장식은 로고 색이 가장 자연스럽게 드러나는 곳으로 남기고, 글자와 정보 표시는 로고 색 대신 읽힘을 우선하는 색으로 옮깁니다. 이렇게 역할을 가르면 로고 색을 줄이지 않고도 대비 문제를 줄일 수 있습니다.

역할 가르기에서 이미지 글자 고치기까지

1. 로고 색이 쓰인 요소를 역할로 가르기
2. 글자를 맡을 진한 보조색 정하기
3. 누르는 로고와 버튼 보완하기
4. 색으로만 구분한 정보에 글자나 아이콘 더하기
5. 이미지 글자를 실제 글자로 고치기

첫째 단계는 로고 색이 쓰인 요소를 역할로 가르는 일입니다. 홈페이지와 인쇄물과 표지판에서 로고 색이 쓰인 요소를 모아, 로고인지, 장식인지, 글자인지, 정보를 구분하는 표시인지로 나누어 표시합니다. 같은 색이라도 장식선으로 쓰였다면 문제가 없고, 진료 시간 안내 글자로 쓰였다면 보완 대상입니다.

둘째 단계는 글자를 맡을 진한 보조색을 정하는 일입니다. 로고 색과 같은 계열에서 명도를 낮춘 진한 판을 만들거나, 로고 색과 어울리는 진한 중성색을 정해 안내문 제목과 본문 글자에 씁니다. W3C 해설은 글꼴 다듬기 처리 때문에 특히 가늘거나 특이한 글꼴은 지정한 색보다 훨씬 흐리게 표시될 수 있어, 명목상 기준을 통과해도 실제 대비는 훨씬 낮을 수 있다고 설명합니다. 이런 경우의 좋은 방법으로 해설은 획이 더 굵은 글꼴을 택하거나 기준을 넉넉히 웃도는 색 조합을 쓰라고 권합니다. 보조색을 정할 때 글꼴 굵기도 함께 정하는 까닭입니다.

셋째 단계는 누르는 로고와 버튼을 보완하는 일입니다. W3C 해설은 로고나 로고타입이 링크 같은 사용자 인터페이스 요소로 쓰일 때 문제가 될 수 있다며, 권장 사례로 대비가 충분한 로고 변형을 고려하라고 설명합니다. 또 평소에는 대비가 충분한 로고를 작성자의 선택으로 흐리게 표시했다가 마우스를 올렸을 때만 선명하게 하는 방식은 로고라는 이유로 면제되지 않는다고 예를 듭니다. 홈페이지 상단 로고는 흐린 판을 기본으로 쓰지 않고, 버튼은 글자를 진한 색으로, 로고 색은 테두리나 장식 면으로 옮깁니다.

넷째 단계는 색으로만 구분한 정보에 글자나 아이콘을 더하는 일입니다. W3C의 색 사용 해설은 필수 입력 항목을 빨간 글자와 아이콘으로 함께 표시해, 색 차이를 구분하지 못하는 사용자도 아이콘으로 알아차리게 한 예를 듭니다. 같은 해설은 색 차이로 전한 정보를 글자로도 제공하는 기법과, 필수 항목이나 오류 항목을 색 차이만으로 표시하는 것을 실패 사례로 듭니다. 예약 가능한 시간과 마감된 시간을 로고 색과 회색으로만 나누었다면 「예약 가능」, 「마감」 같은 글자를 함께 씁니다. 같은 원칙은 공간에도 적용됩니다. 유니버설디자인 의료시설 매뉴얼은 일반 화장실 칸막이에도 사용 여부 설비를 색상과 문자로 설치해 다양한 이용자에게 정보를 제공하라고 안내합니다.

다섯째 단계는 이미지 글자를 실제 글자로 고치는 일입니다. W3C 해설은 이미지 글자가 확대할 때 깨지기 쉽고 글자색과 배경색의 조합을 조정하기도 어려우므로 되도록 실제 글자를 쓰고, 그럴 수 없을 때는 해상도가 높은 이미지를 쓰라고 권합니다. 로고 색으로 만든 안내 배너 이미지는 글자 부분을 실제 글자로 옮기면, 보조색을 적용하기도 쉬워집니다.

로고 색과 글자 색을 가른 색 규칙

이 규칙의 핵심은 로고 색과 글자 색을 다른 칸에 적는 데 있습니다. 두 색이 한 칸에 있으면 홈페이지나 인쇄물을 만드는 쪽이 로고 색을 글자에 그대로 쓰기 쉽습니다. 변형 로고 파일도 원래 로고와 다른 이름으로 저장해, 링크로 쓰는 곳에 어느 파일을 넣을지 헷갈리지 않게 합니다.

병원은 병원 홈페이지 디자인을 로고 색과 글자 색을 구분한 이 색 규칙을 근거로 의뢰합니다. 업체가 로고 색을 버튼 글자나 본문 링크에 그대로 옮기는 일을 의뢰 단계에서 막을 수 있기 때문입니다.

병원은 병원 플레이스 사진을 간판의 병원 이름이 읽히는 각도와 밝기로 촬영합니다. W3C 해설은 거리 표지판이 우연히 찍힌 사진 같은 부수적인 글자를 대비 기준에서 제외하지만, 대비가 낮은 로고 색의 간판은 역광이나 먼 거리에서 이름이 흐려져 사진을 보는 환자가 병원을 알아보기 어렵기 때문입니다.

보완하지 않아도 되는 예외