1.4.1Stufe A1.4 Distinguishable

Benutzung von Farbe

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

W3C-Spezifikation ansehen ↗

Was es bedeutet

Benutzung von Farbe verstehen (englisch) | Benutzung von Farbe erfüllen (englisch) (Stufe A) Farbe wird nicht als einziges visuelles Mittel benutzt, um Informationen zu vermitteln, eine Handlung zu kennzeichnen, eine Reaktion zu veranlassen oder ein visuelles Element zu unterscheiden. Hinweis Dieses Erfolgskriterium spricht ausdrücklich die Farbwahrnehmung an. Andere Formen der Wahrnehmung werden in Richtlinie 1.3 behandelt einschließlich programmtechnischer Zugriff auf Farbe und andere visuelle Darstellungskodierungen.

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

So erkennt A11yRisk dieses Kriterium

A11yRisk erkennt dieses Kriterium automatisch.

Website auf diesen Verstoß prüfen →