1.4.1Niveau A1.4 Distinguishable

Gebruik van kleur

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

Bekijk W3C-specificatie ↗

Wat het betekent

Gebruik van kleur begrijpen | Hoe te voldoen aan Gebruik van kleur (Niveau A) Kleur wordt niet als het enige visuele middel gebruikt om informatie over te brengen, een actie aan te geven, tot een reactie op te roepen of een visueel element te onderscheiden. Noot Dit succescriterium richt zich specifiek op kleurperceptie. Andere vormen van perceptie worden behandeld in Richtlijn 1.3 inclusief softwarematige toegang tot kleur en andere codering van visuele presentatie.

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">

Hoe A11yRisk dit detecteert

A11yRisk detecteert dit criterium automatisch.

Scan uw site op deze overtreding →