User-Aid Logo
Zurück zur Übersicht

select-name

Detailinformationen zur WCAG-Regel

WCAG 2Kritisch

Stellen Sie sicher, dass das select-Element einen zugänglichen Namen hat

Alle `<select>`-Elemente müssen einen zugänglichen Namen haben.

Warum ist das wichtig?

Ohne ein Label wissen Screenreader-Benutzer nicht, wofür das `<select>`-Element dient. Ein programmatisches Label ist erforderlich, damit assistive Technologien den Zweck des Dropdowns korrekt identifizieren können.

Lösung

Verwenden Sie ein `<label>`-Element mit einem `for`-Attribut, das mit der `id` des `<select>`-Elements übereinstimmt. Sie können auch `aria-label` oder `aria-labelledby` verwenden, um einen zugänglichen Namen bereitzustellen.

Haben Sie Fragen zu dieser Regel?

Unsere Experten helfen Ihnen gerne bei der Umsetzung barrierefreier Webseiten.