Einfaches ARIA Tip #1: Das Attribut aria-required

Marco — Fri, 29 Feb 2008 13:52:10 +0000

Inspiriert durch eine Unterhaltung, die ich vor einigen Tagen mit Aaron Leventhal, dem Modulbesitzer der Barrierefreiheitsfunktionen in den Mozilla-Produkten, führte, möchte ich mit diesem Posting eine kleine Serie starten, die zeigen soll, mit wie wenig HTML-Code man ARIA in seine Webseiten einbauen kann, ohne gleich ganze ARIA-Steuerelemente programmieren zu müssen, und so die Barrierefreiheit bestimmter Webseiten zu verbessern.

Es gibt in ARIA einige sogenannte universelle Attribute, also Attribute, die nicht nur ARIA-Steuerelementen vorbehalten sind, sondern die auf jedes HTML-Element angewendet werden können. Der Firefox, demnächst auch Opera, und in Zukunft hoffentlich noch mehr Browser, kann dann im Zusammenspiel mit modernen Screen-Readern dem Anwender gleich die richtigen Hinweise zur Bearbeitung eines Formulars geben, ohne dass z. B. ein Sternchen “*” für erforderliche Felder o. ä. verwendet werden muss. Browser, die dieses Attribut noch nicht unterstützen, stolpern aber nicht über das Attribut, so dass es hinzuzufügen nichts kaputtmacht.

Das erste Attribut, das ich vorstellen möchte, heißt aria-required und kann den wert “true” oder “false” annehmen. Schauen wir uns mal folgendes Beispielformular an:


First name:

Last name:

Street address:

Im obigen Formular sind die Felder firstName und lastName als erforderlich gekennzeichnet, indem man ihnen das Attribut aria-required=”true” zugewiesen hat.

Der NVDA, JAWS 9.0 und Window-Eyes ab Version 5.5 zeigen im Zusammenspiel mit dem Firefox an, dass diese beiden Eingabefelder erforderlich sind. JAWS 8.0 unterstützt dieses Attribut noch nicht, und auch im Orca unter Linux fehlt die Ansage bisher.

Ein Appell also an alle Webautoren: Wenn ihr keine Sternchen oder ähnlich offensichtlichen Kennzeichnungen verwenden könnt/dürft, fügt euren Elementen, die unbedingt erforderlich sind, das Attribut aria-required=”true” hinzu, um die Felder für unterstützende Browser und Screen Reader so kenntlich zu machen.

Marco Zehe EDV-Beratung » Attribut

Einfaches ARIA Tip #1: Das Attribut aria-required