Wie erstelle ich mit einer HGROUP ein zugängliches Akkordeon? ⇐ HTML

[Anonymous]

Ich habe ein Akkordeon in meiner App, bei dem jede Schaltfläche eine Überschrift und einige ergänzende Informationen hat:

Meine erste Implementierung (die in Ordnung funktioniert) ist wie folgt, ist jedoch nicht ideal von einem Sicht der Zugänglichkeit als Wischt die "Überschrift" Rolle der Elemente darin aus, weil sie Kinder als präsentativ behandeln (siehe Diskussion hier und Empfehlungen hier). -Override ">

Code: Select all

Heading 1
Supplementary information 1

Nach den Beispielen für zugängliche Akkordeons, die ich gefunden habe (z. B. in ARIA Authoring Practices Guide), sollte die im Überschriftenelement enthalten sein. Ich kann es jedoch nicht sehen überschreiben ">

Code: Select all

Heading 1
Supplementary information 1

Mit dem obigen Ansatz enthält das Element den zugänglichen Namen "Überschrift 1 Ergänzungsinformationen 1" (falsch) und die Assoziation der Ergänzung Informationen mit der Überschrift (zuvor vom bereitgestellt) fehlt. unter dem Überschriften -Tag (und wenn möglich mit einer gruppiert)?