> Was nicht selbsterklärend ist: Die Funktion der Buttons `<button aria-expanded=""> </button>`{:.language-html.bad}. Keinerlei Beschriftung. Die Buttons müssen unbedingt ein *accessible label*{:@en} haben. `aria-label` als Notbehelf; besser aber ganz normal als Elementinhalt. Die Beschriftung kannst du [visuell verstecken] Was käme da für mich infrage: Etwa: aria-expanded and aria-hidden wie in diesem Beispiel das ich gefunden habe: ~~~html <h3> <button aria-expanded="false" aria-controls="collapsible-0">What is this all about?</button> </h3> <div id="collapsible-0" aria-hidden="true"> <p>Lorem ipsum with a <a href="http://example.com">link thrown in</a> etc.</p> <p>etc.</p> </div> <!-- next <h3> here --> ~~~ siehe: [Fundort](http://heydonworks.com/practical_aria_examples/) Oder ein simples: <button type="button">Cancel</button> ??? Was ist hier in meinem Fall angebracht? der einsiedelnde

> Was nicht selbsterklärend ist: Die Funktion der Buttons `<button aria-expanded=""> </button>`{:.language-html.bad}. Keinerlei Beschriftung. Die Buttons müssen unbedingt ein *accessible label*{:@en} haben. `aria-label` als Notbehelf; besser aber ganz normal als Elementinhalt. Die Beschriftung kannst du [visuell verstecken] Was käme da für mich infrage: Etwa: aria-expanded and aria-hidden wie in diesem Beispiel das ich gefunden habe: `<h3> <button aria-expanded="false" aria-controls="collapsible-0">What is this all about?</button> </h3> <div id="collapsible-0" aria-hidden="true"> <p>Lorem ipsum with a <a href="http://example.com">link thrown in</a> etc.</p> <p>etc.</p> </div> <!-- next <h3> here -->` siehe: [Fundort](http://heydonworks.com/practical_aria_examples/) Oder ein simples: <button type="button">Cancel</button> ??? Was ist hier in meinem Fall angebracht? der einsiedelnde