Häufige Fehler bei der Benennung, die Steuerelemente stumm schalten
Vermeiden Sie Muster, durch die Elemente namenlos bleiben.
Häufige Fehler bei der Benennung, die Steuerelemente stumm schalten ist eine kostenlose Web Accessibility Academy-Lektion auf CoddyKit. Dies ist Lektion 4 von 4. Du kannst die komplette Lektion unten kostenlos lesen – dann übst du sie direkt im Browser mit einem integrierten Code-Editor und einem KI-Tutor rund um die Uhr. Sie ist Teil des Web Accessibility Academy-Lernpfads, und dein Fortschritt wird über Web und CoddyKit-App synchronisiert. Der Web Accessibility Academy-Kurs umfasst insgesamt 4 Lektionen.
Teile dieser Lektion wurden noch nicht übersetzt und werden auf Englisch angezeigt.
When Controls Go Silent
A control with no computed name is read as just button or link. These naming mistakes leave users guessing what an element does.
Icon-Only Buttons
A button holding only an icon often computes no name. Add an aria-label so the wordless control still announces its action.
<button aria-label="Delete">🗑️</button>Placeholder Is Not a Name
A placeholder is not a reliable accessible name. It vanishes on typing and many readers ignore it, so add a real label.
<input placeholder="Email">Broken labelledby IDs
An aria-labelledby pointing at a missing or misspelled id produces no name at all, silently undoing the label you intended.
<button aria-labelledby="ttl">x</button>Empty aria-label
An aria-label set to an empty string wipes out the name. The element ends up with nothing for a screen reader to announce.
<button aria-label="">Save</button>Hiding the Only Text
Putting aria-hidden on the only text inside a button removes its name source, so the control becomes anonymous to readers.
<button><span aria-hidden="true">Next</span></button>Generic Link Text
Links named Read more or Click here are technically named but useless out of context, since users hear no destination.
<a href="/post">Read more</a>Trusting title Alone
Relying on title as the only name is risky. It is the lowest priority source and several screen readers skip it entirely.
Inputs With No label
A bare input with no associated label often computes no name, leaving users unsure what to type into the field.
<input type="text">Duplicated Names
Ten buttons all named Edit force users to guess which row they affect. Give each a distinct name that includes its target.
<button aria-label="Edit profile">Edit</button>Verify With the Inspector
Open the browser accessibility panel and read the computed name for each control. If it is blank, you have a mistake to fix.
Quick Check
An icon button shows only a trash glyph. Why might it be silent?
Recap: Keep Controls Named
You learned the traps that silence controls, from icon-only buttons to broken ids, and to verify every name in the inspector. ✅
Häufig gestellte Fragen
Ist die Lektion „Häufige Fehler bei der Benennung, die Steuerelemente stumm schalten“ kostenlos?
Ja — der vollständige Text von „Häufige Fehler bei der Benennung, die Steuerelemente stumm schalten“ ist hier im Web kostenlos zu lesen. Um sie interaktiv zu üben (integrierter Code-Editor und 24/7 KI-Tutor) und den Rest des Web Accessibility Academy-Kurses freizuschalten, upgrade auf CoddyKit PRO. Der Web Accessibility Academy-Kurs umfasst insgesamt 4 Lektionen.
Was lerne ich in „Häufige Fehler bei der Benennung, die Steuerelemente stumm schalten“?
Vermeiden Sie Muster, durch die Elemente namenlos bleiben. Du übst Web Accessibility Academy mit praktischem Code, den du direkt im Browser ausführst, und ein 24/7 KI-Tutor beantwortet deine Fragen während du die Lektion bearbeitest.
Brauche ich Erfahrung, um Web Accessibility Academy zu starten?
Keine Vorkenntnisse erforderlich. Web Accessibility Academy auf CoddyKit ist für Anfänger bis fortgeschrittene Lernende strukturiert, sodass du hier starten oder von Anfang an beginnen und in deinem eigenen Tempo voranschreiten kannst. Dies ist Lektion 4 von 4.
Wie lange dauert die Lektion „Häufige Fehler bei der Benennung, die Steuerelemente stumm schalten“?
Die meisten CoddyKit-Lektionen dauern etwa 5–10 Minuten. Jede ist kompakt und interaktiv, sodass du stetig Fortschritte machst und genau dort weitermachst, wo du aufgehört hast – im Web und in der App.
Kann ich in dieser Web Accessibility Academy-Lektion Code schreiben und ausführen?
Ja. Jede Web Accessibility Academy-Lektion enthält einen integrierten Code-Editor, sodass du echten Code direkt in deinem Browser schreibst und ausführst und sofort KI-Feedback erhältst — ohne lokale Einrichtung erforderlich.
Alle Lektionen in diesem Kurs
- Die Berechnung des zugänglichen Namens verständlich erklärt
- aria-label vs aria-labelledby
- aria-describedby für zusätzlichen Kontext
- Häufige Fehler bei der Benennung, die Steuerelemente stumm schalten