aria-controls: Verknüpfe Steuerelemente mit dem passenden Inhalt
ARIA, Entwicklung
Was macht aria-controls genau? aria-controls ist ganz simpel: Es verweist auf die ID des Elements,…
Premium
Alle Lernartikel über ARIA
Weniger ist mehr: Wenn zu viel ARIA die Barrierefreiheit zerstört
ARIA, EntwicklungDer große ARIA-Irrtum Hier ist ein weit verbreiteter Denkfehler: "Wenn ich überall ARIA-Attribute hinzufüge, wird…
Premiumaria-live: Dynamische Inhalte für Screen Reader zugänglich machen
ARIA, EntwicklungWas ist aria-live und warum brauchst du es? Stell dir vor, du füllst ein Formular…
Premiumaria-labelledby: Flexible Beschriftungen für bessere Barrierefreiheit
ARIA, EntwicklungWas ist aria-labelledby? Stell dir vor, du hast eine Tabelle mit der Überschrift "Quartalszahlen 2024"…
Premiumaria-expanded: Der Schlüssel für verständliche interaktive Elemente
ARIA, EntwicklungWas ist aria-expanded und warum brauchst du es? Stell dir vor, du bist blind und…
PremiumWas ist aria-current=“page“?
ARIA, EntwicklungWas ist aria-current="page"? aria-current wird bei Links verwendet, um zu markieren, auf welcher Seite du…
Premiumaria-haspopup: Popup-Elemente richtig ankündigen für Screen Reader
ARIA, EntwicklungWas ist aria-haspopup? aria-haspopup warnt Screenreader Nutzer vor, dass ein Element ein Popup öffnet. Es…
Premiumsr-only vs. aria-label: Wann welche Methode verwenden?
ARIA, EntwicklungDie zwei Methoden kurz erklärt Zweck: Grundlegender Unterschied Was ist sr-only? Sr-only (screenreader only) ist…
Premiumaria-label: Der ultimative Guide
ARIA, EntwicklungWas ist aria-label und warum ist es so mächtig? Aria-label gibt HTML-Elementen einen "accessible name"…
Premiumaria-hidden: Inhalte vor Screen Readern verstecken
ARIA, EntwicklungWas ist aria-hidden und wie funktioniert es? Das aria-hidden-Attribut entfernt Elemente aus dem Accessibility Tree…
PremiumWas sind ARIA-Attribute überhaupt?
ARIA, EntwicklungARIA steht für "Accessible Rich Internet Applications" - klingt kompliziert, ist es aber nicht. ARIA-Attribute…
Premium
