Fehlerhafte Darstellungen im Edge

[einsiedler]

Was nicht selbsterklärend ist: Die Funktion der Buttons <button aria-expanded=""> </button>. Keinerlei Beschriftung. Die Buttons müssen unbedingt ein accessible label 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

Oder ein simples: <button type="button">Cancel</button> ???

Was ist hier in meinem Fall angebracht?

der einsiedelnde