contao/import — Issue #3264: Verbesserung JS-Code Accordion (Barrierefreiheit/Usability)
Author: NinaG
Created: 2011-11-29 21:13:58+00:00
State: open
Labels: Feature, frontend

Ich empfehle die nachfolgende Verbesserung des JavaScript-Codes vom Accordion. Dadurch wird das Accordion tastaturbedienbar und erhält auch abhängig vom Status unterschiedliche ergänzende CSS-Klassen (ermöglicht Einbindung von passenden Icons um die Usability des Accordions visuell zu unterstützen).

Die Lösung basiert nur auf der Anpassung des JS-Codes im Accordion-Template und benötigt keine HTML-Anpassung.

```

```

Die Angabe mit display -1 könnte man eventuell auskommentiert reinstellen. So wäre es gleich eine Hilfestellung für alle die wollen, dass anfangs alle Accordions eingeklappt sind.

Wenn diese Verbesserung in den Core kommt, schreibe ich dazu gerne auch einen Teambeitrag in dem ich erläutere wie man das Accordion noch barrierefreier bekommt (Nutzung von Überschriften-HTML-Elementen in Toggler) und stelle auch gerne ein Stylesheet-Beispiel zur idealen Nutzung vor (**hint** Contao News **hint**)

[Download the attachments](http://www.contao.org/tl_files/tickets/3264.zip "Download the attachments of this ticket")
Related issues: #3476

--- _Originally created on July 14th, 2011, at 11:12am (ID 3264)_