Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Barrierefreies Akkordeon
Das barrierefreie Akkordeon unterstützt alle von W3C spezifizierten Funktionen für die Nutzung des Internets von eingeschränkten Personen (Barrierefreiheit, WAI-ARIA - Web Accessibility Initiative - Accessible Rich Internet Applications).
Akkordeons sind keine Standard-HTML-Elemente, so dass sie von z.B. Lesegeräten nicht ohne weiteres erkannt werden. Dem Nutzer, der keinen visuellen Zugang zur Website hat, bleibt dadurch möglicherweise der Inhalt, der Akkordeon-Elementen verboregen. Damit der Screenreader das Akkordeon als solches korrekt erkennt, wird eine sogennante semantische Anreicherung des Codes vorgenommen. Die Spezifikationen dafür sind in WAI-ARIA festgelegt. Zu diesem Standard gehört neben dem Erkennen der Akkordeon-Struktur auch eine Bedienung des Akkordeons per Tastatur (Enter-, Pfeil- und Tab-Tasten). Das aktive Element (focus) ist mit einem linksseitigen grauen Rahmenelement hervorgehoben.
Darüber hinaus bietet das Pro-Akkordeon zusätzliche Funktionalitäten.
- Geöffnetes Element: Bein Laden der Seite ist ein frei wählbares Akkoreon-Element geöffnet.
- Multi- oder Single-Selektion: Es kann gewählt werden, ob der Nutzer mehrere Akkordeon-Elemente oder nur eines öffnen kann.
Single-opened Akkordeon
In der nachstehenden Variante ist jeweils nur ein Akkordeon-Element geöffnet. Wird ein neues Element angeklickt, schließt automatisch das zuvor offene Element.
Weiterhin ist in diesem Beispiel das zweite Akkordeon-Element nach dem Laden der Seite geöffnet.
