lux-stepper-large: die weiter/zurück-Buttons des Steppers sollen auf "aria-disabled" umgestellt werden.

[patrowe]

Aktuell sind die Navigations-Buttons disabled, bis ein Step korrekt abgeschlossen ist. Das soll geändert.
Der "Weiter"-Button soll auf Aria-Disabled umgestellt werden. Damit ist der Button immer klickbar und für Assistenztechnologien erreichbar. Ist der Step noch nicht abgeschlossen, wird ein "Fehlermeldung" geworfen, der von der Anwendung verwarbeitet werden muss und der nächste Step bleibt weiter blockiert.

[heli-Berry]

Es gibt für den Stepper eine neue Property: luxA11YMode. Wenn diese auf true gesetzt wird, hat luxDisabled im Stepper auf den Weiter und Finish Button keine Auswirkungen mehr. Der Button bekommt das Attribut aria-disabled und ist weiterhin "aktiv" und für Assistenztechnologien erreichbar. Wenn bei einem Fehler in dem Formular versucht wird weiter zu navigieren, wird ein Output Event geworfen, welches vom Programm entsprechend verarbeitet werden muss.

Testbeschreibung:

• Wenn die Property luxA11YMode aktiviert wurde (Validierung muss aktiviert sein), erscheint bei einem nicht abgeschlossenen Step eine Textbox mit einem Error
• Wenn der Step abgeschlossen wurde kann ohne Probleme weiter navigiert werden

@patrowe: Bitte testen

[patrowe]

Getestet unter MacOS Sequoia 15.1 mit den Browsern Safari, Chrome, Firefox in den jeweils aktuellsten Versionen
Testergebnis: OK

Getestet unter Windows 10 mit den Browsern Chrome, Firefox und Edge in den jeweils aktuellsten Versionen
Testergebnis: OK

[patrowe]

Das Verhalten in der Anwendung entspricht den Anforderungen.
Das Aria-Label muss im Fehlerstatus des Steps auf "true" stehen und im Completed-Status des Steps auf "false".
Aktuelles Verhaltenbei luxA11yMode=true: aria-disabled=false
bei luxA11yMode=false: aria-disabled=true.

Das ist ein Fehler und muss korrigiert werden.

[heli-Berry]

Das Fehler wurde korrigiert (es fehlte ein "!"). Jetzt wird wieder korrekt aria-disabled auf = true gesetzt wenn luxA11yMode = true ist. Außerdem wird das Aria-Label immer gesetzt. Wenn der Button enabled ist, ist das Label false, wenn der Button disabled ist, ist das Label true. Damit soll vermieden werden, dass wenn der luxA11yMode nicht benutzt wird, der Button von Screen Readern trotzdem als aktiv erkannt wird.

@patrowe: Bitte erneut testen

[patrowe]

Der erneute Test hat ergeben, dass das Aria-Label jetzt korrekt gesetzt wird.