Akkordeon

Testergebnisse

Stand: März 2023

Mit dem Akkordion können Inhalte übersichtlich präsentiert werden, weil zunächst nur die Überschriften sichtbar sind. Die Inhalte erscheinen beim Anklicken der ausklappbaren Überschriften, sie können auch mit der Tab- oder Space-Taste auf- oder zugeklappt werden. Das Akkordion lässt sich mit allen assistiven Technologien gut bedienen. Wenn man zum Lesen der aufgeklappten Texte allerdings scrollen muss, ist dies mit Tastaturbedienung nur über Umwege möglich.

Übersicht: Usability bei verschiedenen Arbeitstechniken

Hilfsmittel/Arbeitstechnik	Testergebnis	Empfehlung
Screenreader	funktioniert gut	+
Tastaturbedienung	funktioniert zufriedenstellend	o
Sprachsteuerung (iOS)	funktioniert gut	+
Vergrößerung/Kontraste	funktioniert gut	+
ohne assistive Technologie	funktioniert gut	+

+= gut geeignet; o = mittelmäßig geeignet, Anpassungen nötig; - = ungeeignet

Hinweise zur Nutzung

Screenreadernutzung

Tastaturbedienung

Empfehlungen für Einstellungen im Sinne des Universal Designs for Learning

Wenn in längeren Texten sinnvoll Links eingebaut werden können, erleichtert es das Scrollen für die Tastaturbedienung.
Wenn es sinnvoll möglich ist, teilen Sie längere Texte auf mehrere Panels auf.
Wählen Sie für die Texte eine ausreichend große Schrift, mindestens 100 %.
Längere Texte innerhalb der Panels mit Überschriften übersichtlich strukturieren, Überschriftengröße sollte eine Ebene unter der Panelüberschrift („Leiste“) liegen. Wenn Überschriften-Tag für die Leisten H2 ist, sollten die Überschriften im Text H3 sein (siehe Screenshot 3).

Screenshot: Autorentool für Akkordeon, das die Einstellungen der Überschriftenebene für die Panelüberschriften zeigt. Überschrift: H-Tags für die Leisten (hat keinen Einfluss auf die Größe der Leiste. Text: Das H-Tag, das für die Leisten verwendet wird. Normalerweise H2, aber falls das Akkordeon unterhalb einer H2-Überschrift steht, kannst du H3 nutzen. Es hat keinen Einfluss auf die Größe der Leiste und wird nur für semantische Zwecke verwendet. Auswahlmenü zur Auswahl des Überschriften-Tags. — Screenshot 3: Autorentool für Akkordeon

Die Akkordeon-Elemente in ILIAS (Seite gestalten) und Moodle (Bootstrap Grid bei Textfeld oder -seite) sind barrierefrei und deshalb die bessere Alternative.

Lizenzhinweise

Lizenziert unter CC BY 4.0. Zitiervorschlag: „H5P - Ergebnisse der Barrierefreiheits- und Usabiltytests und Empfehlungen zum Einsatz in Studium und Lehre. Kompetenzzentrum digitale Barrierefreiheit.nrw, Technische Universität Dortmund, Stand: Mai 2023“, CC BY 4.0. Ausgenommen von der Lizenz sind die verwendeten Logos.