1.4.1Poziom A1.4 Distinguishable

Użycie koloru

Color is not used as the only visual means of conveying information, indicating an action, prompting a response, or distinguishing a visual element.

Zobacz specyfikację W3C ↗

Co to oznacza

Zrozumieć KS Użycie koloru | Jak spełnić KS Użycie koloru (Poziom A) Kolor nie jest wykorzystywany jako jedyny wizualny sposób przekazywania informacji, wskazywania czynności do wykonania lub oczekiwania na odpowiedź, czy też wyróżniania elementów wizualnych. Uwaga To kryterium sukcesu dotyczy szczególnie percepcji koloru. Inne formy percepcji zostały omówione w Wytycznej 1.3 , w tym programowy dostęp do koloru oraz inne rodzaje zaprogramowania prezentacji wizualnej.

Failing example

<!-- Fails: required field indicated only by red border -->
<style>
  input.required { border-color: red; }
</style>
<input class="required" type="text" name="email">

How to fix it

<!-- Pass: required field uses color AND text/icon -->
<label for="email">
  Email <span aria-hidden="true">*</span>
  <span class="sr-only">(required)</span>
</label>
<input id="email" type="email" name="email"
       aria-required="true" class="required">

Jak A11yRisk to wykrywa

A11yRisk wykrywa to kryterium automatycznie.

Skanuj swoją witrynę pod kątem tego naruszenia →