`[role]`-Elemente sind ihren jeweils erforderlichen übergeordneten Elementen untergeordnet
ARIA, oder Accessible Rich Internet Applications, ist ein Satz von Standards, der dazu beitragen kann, Webinhalte für Menschen mit Behinderungen zugänglicher zu machen. Ein wichtiger Aspekt von ARIA ist die Verwendung von [role]
. Diese Rollen bieten zusätzlichen Kontext für Assistive Technologien, wie Bildschirmleser, und helfen ihnen, Webinhalte besser zu interpretieren und zu navigieren.
Ein wichtiger Aspekt bei der Verwendung von ARIA [role]
ist die Gewährleistung, dass sie im erforderlichen übergeordneten Element enthalten sind. Dies ist wichtig, da jede Rolle spezifische Anforderungen daran hat, in welchen Elementen sie enthalten sein können. Zum Beispiel muss [role="button"]
in einem Element enthalten sein, das entweder ein button
, ein div
oder ein span
ist. Wenn [role="button"]
nicht in einem dieser Elemente enthalten ist, wird es möglicherweise von Assistive Technologien nicht korrekt interpretiert, was zu Verwirrung oder Frustration für Benutzer mit Behinderungen führen kann.
Zusätzlich zur Gewährleistung, dass [role]
im erforderlichen übergeordneten Element enthalten sind, ist es auch wichtig, sicherzustellen, dass das übergeordnete Element die entsprechenden [role]
und [aria-*]
Attribute hat. Diese Attribute bieten zusätzlichen Kontext und helfen Assistive Technologien, die Struktur und Funktion des Inhalts zu verstehen.
Zum Beispiel betrachten wir ein Navigationsmenü mit einer Liste von Links. Das Navigationsmenü sollte ein [role="navigation"]
Attribut haben und jeder Link innerhalb des Menüs sollte ein [role="menuitem"]
Attribut haben. Dies hilft Assistive Technologien, die Struktur des Menüs zu verstehen und ermöglicht es Benutzern, einfach durch die Links zu navigieren.
Insgesamt ist die Wichtigkeit der Gewährleistung, dass ARIA [role]
im erforderlichen übergeordneten Element enthalten sind, nicht zu unterschätzen. Diese Rollen bieten wertvollen Kontext für Assistive Technologien und die korrekte Verwendung trägt dazu bei, dass Webinhalte für Menschen mit Behinderungen zugänglicher und benutzerfreundlicher sind. Es ist daher wichtig, sicherzustellen, dass [role]
s in den erforderlichen übergeordneten Elementen enthalten sind, um eine optimale Nutzbarkeit für alle Nutzer sicherzustellen.
Ähnliche Artikel:
Links haben keinen leicht erkennbaren Namen ARIA `treeitem`-Elemente haben zugängliche Namen `[aria-*]`-Attribute sind gültig und richtig geschrieben Custom controls have ARIA roles The user's focus is directed to new content added to the page Kein Element hat einen `[tabindex]`-Wert größer als 0 ARIA-Eingabefelder haben zugängliche Namen `<input type="image">`-Elemente haben `[alt]`-Text ARIA-IDs sind eindeutig `[aria-hidden="true"]`-Elemente enthalten keine fokussierbaren Unterelemente