„Doppelte, von ARIA referenzierte ID“ in HTML beheben
Warum das ein Problem ist
Teilen zwei Elemente eine id, verweisen aria-labelledby oder <label for> auf das erste: Das Feld erhält die Beschriftung eines anderen.
So beheben Sie es — HTML
Machen Sie jede id eindeutig; in wiederverwendeten Komponenten pro Instanz erzeugen (useId() in React).
<!-- Le même composant, rendu deux fois -->
<label for="email">E-mail de facturation</label>
<input id="email" type="email">
<label for="email">E-mail de contact</label>
<input id="email" type="email"><label for="email-facturation">E-mail de facturation</label>
<input id="email-facturation" type="email">
<label for="email-contact">E-mail de contact</label>
<input id="email-contact" type="email">Prüfen Sie Ihre Website in 30 Sekunden
Conformly erkennt diese Art von Problem auf allen Ihren Seiten kontinuierlich und warnt Sie bei jeder Regression.
Kostenloser Scan