🐞 Bug: 9.4.1.2 input checkbox button: Elemente werden ohne Rolle ausgegeben

[fohi17]

Note

• Ich achte beim Erstellen des Issues darauf, dass ich keine fachlichen und unternehmensinternen Details preisgebe.

---

Fehlermeldung

Beschreibung des Fehlers

In der Komponente "input-checkbox button" werden die interaktiven Elemente vom Screenreader ohne Rolle ausgegeben (Ausgabe lediglich als "anklickbar"). Screenreader-Nutzer können daher den Zweck der Elemente und deren Status nicht erkennen. Die Ursache ist, dass die Elemente nicht mit HTML-Standard-Elementen umgesetzt wurden.

Zusätzlich wird bei den Elementen mit verstecktem Label (hideLabel) dadurch auch keine Beschriftung ausgegeben.

Hinweis: Beim BMF-Theme hat die Gruppe "hideLabel" noch sichtbare Label.

Reproduktion

Style: BMF, Z2
Komponente: input-checkbox button (https://public-ui.github.io/sample-react/#/input-checkbox/button)
Version: v2.0.0-rc.6

Schritte zum Reproduzieren des Verhaltens:

• input-checkbox button öffnen
• Screenreader (NVDA) öffnen
• Mit der TAB-Taste navigieren

Erwartetes Verhalten

Der Screenreader sollte eine Rolle (hier: Kontrollfeld/Checkbox), einen Status (aktiviert/deaktiviert) und eine Beschriftung ausgeben.

Screenshots

[deleonio]

Erstmal reproduzieren mit einer reinen HTML ohne WebComponents( nachgetestet.

[sdvg]

Ich kann das Problem nicht (mehr) nachvollziehen. Die Checkboxen werden bei mir korrekt als solche erkannt:

[deleonio]

Das wurde schon gefixed.

#5654
#5653