그래픽 객체에 대한 색상 대비

"그래픽 객체"라는 용어는 일반적으로 독립 된 아이콘과 정보 그래픽에 적용됩니다. 그러한 객체의 시각적 복합성은 종종 대비와 관련하여 약간의 차별화가 필요합니다. 내용을 이해하는데 필요한 그래픽 객체의 부분에 중점을 둡니다.

최소 명암비

웹 콘텐츠 접근성 지침(WCAG)의 2.1 버전은 그래픽 객체의 의미와 내용을 이해하는데 필요한 부분에 대해 인접 색상 대한 3:1의 최소 명암비를 지정합니다.

예: 선형 차트

다음 그림은 전체적으로 불충분한 대비를 가진 간단한 선형 차트를 보여줍니다.

주 X축과 Y축의 명암비는 2.8:1이고, 파란색 추세선은 2.3:1입니다. X축과 Y축을 따라있는 텍스트 레이블은 3.9:1의 명암비를 가지고, 최소 4.5:1의 텍스트가 더 높은 대비 요구사항을 충족해야 함 때문에 이 또한 너무 낮은 것으로 간주 될 수 있습니다. 이러한 모든 값은 공식적인 요구 사항과 다소 유사하지만 그 요구 사항은 최소한의 표준만 설정한다는 것을 명심하는 것이 중요합니다.

앞서 언급한 엘리먼트의 명암비를 향상시켜 봅시다.

이제 문제는, 배경의 격자선에 어떤 일이 발생해야 하는 가입니다. 명암비가 너무 낮지만 이를 증가시키면 시각적으로 과부하가 발생할 수 있습니다.

이는 이 차트의 "의미 또는 콘텐트를 이해하는데 필요한" 것이 무엇인가의 개념으로 돌아가게 합니다.

차트의 목적이 일반적인 추세만 표시하는 것이라면, 격자는 필요하지 않을 수 있습니다. 그러한 경우, 격자를 모두 제거하지 않는 이유는 무엇일까요? (격자를 제거하는 것이 손실처럼 느껴진다면, 이는 올바른 해결책이 아닐 수 있습니다.)

하지만, 실제로 사람들이 각 측정 지점의 정확한 값을 편한하게 읽을 수 있는 것이 중요하다면, 그 지점을 표시하는 것이 좋습니다.

가로 격자 선을 사용하면 전체 모양에 과부하가 걸리지 않고 측정 지점의 값을 쉽게 측정할 수 있습니다.

아니면 각 측정 포인트에 값을 나타내는 라벨을 추가하는 것은 어떨까요?

이러한 고려사항과 조정 사항 중 많은 부분이 색상 대비를 상당히 넘어사는 것은 우연이 아닙니다. 접근 가능한 유저 인터페이스를 디자인 하는 것은 전체론적인 접근 방식을 요구합니다. 이것은 다음을 의미합니다:

• 독립적으로 변경될 수 있는 단일 변수는 거의 없습니다. 접근성은 디자인의 기초에 구축되어야 합니다.
• "잘 동작하는" 일반적인 해결책은 거의 없습니다. 구체적인 맥락과 내용을 고려해야 합니다.
• "특수목적 접근성"과 "범용적 사용성" 사이에는 업격한 구분이 없습니다. 실제로 둘 모두 서로 영향을 미칩니다.