Akkordeon
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.
Testergebnisse
Stand: März 2023
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 für Nutzer*innen
Screenreadernutzung
Hinweise für die Nutzung: Navigation via Pfeiltasten von Panelüberschrift zu Panelüberschrift, Auf- und Zuklappen mit mit Tab- oder Space-Taste.
Tastaturbedienung
Barrieren:
- Ist ein Panel geöffnet, liegt der Fokus auf der Panelüberschrift. Dann ist Scrollen innerhalb des Textes mit den Pfeiltasten nicht möglich. Dadurch kann es passieren, dass längere Texte nicht vollständig auf dem Bildschirm sichtbar sind. In Screenshot 1 liegt der Fokus auf Panelüberschrift 1, in Screenshot 2 auf Panelüberschrift 2, Zeile 12 und 13 sind in keiner der beiden Bildschirmausschnitte sichtbar.
- Ausnahme: wenn Linktexte oder andere fokussierbare Elemente im Text sind.
Hinweise für die Nutzung:
- Navigation via Pfeiltasten von Panelüberschrift zu Panelüberschrift, Auf- und Zuklappen mit Tab- oder Space-Taste.
- Bei längeren Texten innerhalb des Akkordeons muss man evtl. mit der Tab-Taste zur nächsten Überschrift gehen, um den ganzen Text zu lesen oder sogar die Ansicht verkleinern.
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 (min. 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).
Die Akkordeon-Elemente in ILIAS (Seite gestalten) und Moodle (Bootstrap Grid bei Textfeld oder -seite) sind barrierefrei und deshalb die bessere Alternative.
Lizenzhinweis
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“, Lizenziert unter: CC BY 4.0.
Ausgenommen von der Lizenz sind verwendete Logos, Bilder und Bedienoberflächen.
