HTML und CSS · Senior · Frage 67 von 75
Wie verbindet man eine Fehlermeldung richtig mit einem Eingabefeld?
<input id="email" aria-invalid="true" aria-describedby="email-error" />
<p id="email-error">Enter a valid email</p>- 1Nur den Rahmen des Feldes rot färben
- 2Die Meldung in den
placeholderdes Feldes setzen - 3Mit
aria-invalidundaria-describedby
Antwort zeigen
Richtige Antwort: Mit aria-invalid und aria-describedby
Erklärung
Screenreader lesen den Fehler dann vor, wenn das Feld den Fokus bekommt. Farbe allein verletzt die WCAG für Nutzer, die sie nicht unterscheiden können.