디자인·모바일·접근성 목록으로

색약 환자를 위한 색 대비 기준

색약 환자를 위한 색 대비는 글자와 배경, 조작 요소의 인접 색, 색 외 식별 표시를 나누어 판단합니다. 업체에 적용 기준과 색 조합별 측정 결과를 요청하고 실제 화면에서 확인합니다.

목차

색약 환자를 위한 색 대비 판단 기준

색약 환자를 위한 색 대비는 글자와 배경의 대비, 조작 요소 식별에 필요한 시각 정보와 인접 색의 3:1 이상 대비, 색 외의 식별 표시를 나누어 요구해야 합니다. 병원 담당자는 업체에서 적용 기준과 색 조합별 측정 결과를 받아 실제 화면에서 확인해야 합니다.

색을 구별하는 능력과 글자를 읽는 데 필요한 대비는 별개의 판단 대상입니다. 서로 다른 색을 사용했더라도 글자와 배경의 밝기 차이가 부족하면 내용을 읽기 어려울 수 있습니다. 반대로 글자가 또렷해도 예약 상태를 색으로만 나누면 그 뜻을 구별하기 어려울 수 있습니다.

세계 웹 컨소시엄의 웹 접근성 이니셔티브는 글자와 배경 사이에 충분한 대비가 필요하다고 설명합니다. 사진이나 그라데이션 위의 글자, 버튼 안의 글자도 여기에 포함합니다. 다만 병원은 일반 본문에 적용할 최소 대비 수치를 임의로 확정하지 말고, 업체에 채택한 기준과 해당 기준을 적용한 이유를 요청해야 합니다.

확인 대상업체에 요구할 대비 설명확인할 화면
본문과 안내 문구글자·배경 색 조합별 측정값과 적용 기준진료 안내와 예약 설명 화면
사진 위 문구문구가 놓인 실제 배경과의 대비 측정 결과사진이 적용된 컴퓨터·모바일 화면
버튼 안의 글자버튼 바탕과 글자 사이의 대비 설명예약·제출 등 주요 행동 화면
조작 요소와 상태 표시식별에 필요한 부분과 인접 색의 대비 측정값입력·선택·오류 상태가 나타난 화면

병원 실장은 읽어야 할 정보와 환자가 직접 조작할 부분을 구분해 업체에 전달합니다. 업체가 한 화면의 대표 색 조합만 제시하면, 나머지 조합도 같은 조건인지 판단하기 어렵습니다. 담당자는 페이지 이름보다 실제 글자 색과 배경 색의 조합을 기준으로 자료를 요청합니다.

조작 요소와 인접 색의 대비 범위

웹 콘텐츠 접근성 지침은 조작 요소와 그 상태를 식별하는 데 필요한 시각 정보에 대해 인접 색과 3:1 이상의 대비를 요구합니다. 비활성 요소와, 사용자 에이전트가 외형을 결정하고 제작자가 변경하지 않은 요소는 이 조건의 예외로 설명합니다. 이 수치를 모든 글자의 최소 대비값으로 확대해서 적용하지 않습니다.

업체는 버튼의 어느 부분이 조작 가능 여부를 알리는지, 선택 표시의 어느 부분이 상태를 전달하는지 먼저 설명해야 합니다. 테두리가 식별에 필요한 부분이라면 테두리와 주변 색의 관계를 측정 대상으로 지정합니다. 장식용 선까지 일괄적으로 계산하거나 버튼 내부의 글자 측정만으로 조작 요소 판단을 끝내지 않도록 요청합니다.

비활성 요소의 예외를 병원 안내 문구를 흐리게 처리해도 된다는 뜻으로 해석해서는 안 됩니다. 담당자는 실제로 사용할 수 없는 조작 요소인지, 읽어야 하는 설명인지 역할을 구분합니다. 예외를 적용한 항목은 업체가 그 이유를 함께 기재하도록 합니다.

색 조합부터 식별 표시까지의 실행 순서

실행은 글자와 배경 조합, 조작 요소의 인접 색, 색 외의 식별 표시 순으로 진행합니다. 마케팅 담당자는 진료 안내, 예약 입력, 제출 결과처럼 환자가 읽고 행동하는 화면을 준비합니다. 개발 담당자나 외주 업체에는 각 화면의 정상 상태뿐 아니라 선택과 입력 오류가 나타난 상태도 요청합니다.

  1. 글자와 배경 조합을 목록으로 만듭니다. 본문, 사진 위 문구, 버튼 안의 글자를 구분하고 업체가 각 조합에 적용한 기준과 측정값을 기재하도록 합니다.
  2. 조작 요소를 알아보는 데 필요한 부분을 지정합니다. 업체는 해당 부분과 인접 색의 측정 결과를 제출하고, 앞에서 정한 기준에 따라 수정이 필요한 항목을 표시합니다.
  3. 색을 구별하지 않아도 뜻을 알 수 있는지 판단합니다. 상태 이름, 짧은 설명, 기호가 필요한 곳을 정하고 실제 적용 화면에서 의미가 분명한지 확인합니다.

병원 담당자는 색상 코드만 받지 말고 측정 대상이 표시된 화면도 함께 받습니다. 같은 색상 코드라도 사진 위 위치나 주변 배경이 달라지면 해당 측정값을 그대로 적용하기 어렵습니다. 수정 요청에는 화면 이름, 요소 이름, 문제가 발생하는 상태를 기재해 업체가 변경할 부분을 특정할 수 있게 합니다.

색 외의 식별 표시와 납품 자료

색으로 전달하는 정보는 글자나 기호를 함께 설계해야 합니다. 웹 접근성 이니셔티브는 필수 입력란에 색과 별표를 함께 사용하거나 그래프 영역을 이름으로 구별하는 방법을 예로 듭니다. 병원은 이를 화면의 정보 종류에 맞게 적용하되, 환자가 기호의 뜻을 추측해야 하는 구성은 피합니다.

색으로 전달하는 정보함께 둘 글자·기호납품 화면 확인 항목
필수 입력 여부필수 안내와 별표기호의 뜻과 적용 입력란의 일치 여부
입력 오류오류 설명과 해당 항목 이름어떤 내용을 고쳐야 하는지 알 수 있는지
선택된 항목선택 상태를 알리는 글자나 기호선택 전후 상태를 색 없이 구별하는지
예약 처리 상태현재 상태를 설명하는 문구처리 결과와 다음 행동이 명확한지

병원 실장은 상태 문구의 뜻을 정하고 업체는 그 문구가 표시되는 조건을 정리합니다. 서로 다른 상태에 같은 기호를 사용한다면 가까운 위치에 상태 이름을 함께 표시하도록 요청합니다. 납품 자료에는 색 조합별 측정 결과, 적용 기준, 수정 내역과 최종 화면을 묶어 보관합니다.

자료를 받는 것으로 작업을 종료하지 않습니다. 담당자는 최종 화면의 요소 이름과 측정 자료의 항목 이름을 대조하고, 변경된 색이 실제 화면에도 적용됐는지 확인합니다. 누락된 화면은 별도로 기록해 추가 제출을 요청합니다.

사진 위 문구에서 생기는 판단 오류

사진 위 문구는 사진 전체의 느낌으로 대비를 판단하기 쉽습니다. 그러나 문구 아래에 밝은 부분과 어두운 부분이 섞여 있으면 글자마다 배경 조건이 달라집니다. 담당자는 업체에 문구가 실제로 놓이는 위치를 표시하고 그 위치를 기준으로 측정하도록 요청합니다.

컴퓨터 화면에서 측정한 결과가 모바일 배치에도 그대로 해당한다고 가정하지 않습니다. 사진이 잘리거나 문구 위치가 이동하면 글자 뒤의 배경도 달라질 수 있습니다. 업체에는 화면별 사진 배치와 문구 위치를 함께 제출하고, 차이가 있는 조합은 별도 항목으로 기록하도록 합니다.

수정 방법은 글자 색 변경만으로 제한하지 않습니다. 병원은 문구 위치 변경, 글자 뒤 배경 처리, 사진과 문구의 분리 등 가능한 방법을 업체에 제안하도록 요청할 수 있습니다. 어떤 방법을 선택하든 수정된 화면의 실제 조합으로 다시 측정해야 합니다.

측정 결과와 화면을 연결하는 기록

대비 측정값에는 무엇을 측정했는지 알 수 있는 기록이 필요합니다. 담당자는 화면 이름, 글자 또는 요소 이름, 상태, 측정한 색 조합, 적용 기준, 판정 결과를 같은 항목에 정리하도록 요청합니다. 사진 위 문구라면 측정 위치를 표시한 화면도 해당 항목에 연결합니다.

업체가 수정 전후 결과를 제출할 때는 변경한 대상이 무엇인지 기재하게 합니다. 글자 색만 변경했는지, 배경이나 테두리도 변경했는지에 따라 다시 판단할 항목이 달라집니다. 병원 담당자는 이전 자료를 삭제하지 않고 최종 적용본을 구별해 보관합니다.

화면 인상에 대한 의견과 기준 충족 여부는 기록에서 구분합니다. 원장이 더 밝은 색을 선호하더라도 그 의견만으로 대비가 충분하다고 판정하지 않습니다. 측정 결과가 기준을 충족한 뒤에는 실제 문구의 길이와 배치 때문에 읽기 어려운 부분이 없는지 별도 의견으로 남깁니다.

사진 속 글자와 안내 문구의 구별

사진에 우연히 담긴 글자와 환자에게 읽도록 추가한 안내 문구는 구분해야 합니다. 웹 접근성 이니셔티브는 로고나 사진에 우연히 포함된 글자를 글자 대비 설명의 적용 대상에서 제외합니다. 다만 병원은 사진이라는 형식만으로 모든 문구를 예외 처리하지 않도록 업체에 요청합니다.

진료 시간이나 예약 안내를 이미지 안에 넣어 전달한다면 담당자는 그 문구를 읽어야 하는 정보로 목록에 포함합니다. 업체가 예외를 주장할 경우에는 이미지 파일 여부보다 해당 문구의 역할을 먼저 설명하도록 합니다. 필요한 안내를 사진 속 작은 글자에만 맡겼다면, 환자가 읽을 수 있는 별도 문구로 제시하는 편집도 함께 논의합니다.

자주 묻는 질문

흑백 화면만으로 색약 환자의 접근성을 판정할 수 있습니까?

흑백 화면은 색 없이 전달되는 정보가 남는지 가려내는 보조 수단으로 활용할 수 있습니다. 다만 그 결과만으로 색약 환자의 이용 가능성이나 대비 기준 충족을 확정하지 않습니다. 병원은 발견한 문제를 업체에 전달하고 해당 요소의 측정 자료와 함께 판단합니다.

화면을 더 밝게 만들면 글자가 읽기 쉬워집니까?

화면 밝기를 높이는 것만으로 글자 읽기 문제가 해결되지는 않습니다. 웹 접근성 이니셔티브는 높은 밝기의 색을 읽기 어려워하고 낮은 밝기를 필요로 하는 사람도 있다고 설명합니다. 병원은 밝은 화면을 선호한다는 의견을 모든 이용자에게 적용하지 않습니다.

대비 측정 도구를 병원에서 직접 선택해야 합니까?

병원이 특정 도구를 직접 지정해야 한다고 단정할 필요는 없습니다. 업체에 사용 도구와 측정 방법을 기록하게 하고, 결과를 다시 설명할 수 있는 형태로 제출하도록 요청합니다. 담당자가 수치를 재현하기 어렵다면 색 조합과 측정 조건부터 업체에 묻습니다.

온라인 화면과 인쇄 안내물의 색을 같게 해야 합니까?

같은 색상 값을 사용했다는 이유만으로 두 매체의 읽기 조건이 같다고 판단하지 않습니다. 인쇄 안내물은 출력 상태와 실제 사용하는 조명 아래에서 별도로 평가하는 실무 절차를 마련합니다. 웹 화면의 대비 측정 결과를 인쇄물의 적합 판정으로 옮기지 않습니다.

색 대비 자료만으로 접근성 인증을 판단할 수 있습니까?

색 대비 자료는 화면의 일부 조건을 판단하는 자료이며 접근성 인증 전체를 대신하지 않습니다. 병원은 업체의 납품 설명에 인증이나 모든 환자의 이용 가능성을 보장하는 표현이 들어 있다면 그 근거와 범위를 별도로 요청합니다. 법적 의무 여부도 색 대비 자료만으로 결론 내리지 않습니다.

맨 위로 이동

병원 홈페이지 디자인 서비스 자세히 보기