1.4.1Niveau A1.4 Distinguishable

Utilisation de la couleur

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

Voir la spécification W3C ↗

Ce que cela signifie

Comprendre Utilisation de la couleur (en anglais) | Comment satisfaire à Utilisation de la couleur (en anglais) (Niveau A) La couleur n’est pas utilisée comme la seule façon de véhiculer de l’information, d’indiquer une action, de solliciter une réponse ou de distinguer un élément visuel. Note Ce critère de succès traite spécifiquement de la perception des couleurs. Les autres formes de perception sont traitées à la règle 1.3 comme l’accès à la couleur par programme informatique et les autres formes de codage de la présentation visuelle.

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

Comment A11yRisk détecte cela

A11yRisk détecte ce critère automatiquement.

Analyser votre site pour cette violation →