Findings im Kontext der Barrierefreiheit (Axe-Core)

IHK-GfI / lux-components

Other

17 stars 5 forks source link

Findings im Kontext der Barrierefreiheit (Axe-Core) #485

Closed DSeifer closed 2 weeks ago

DSeifer commented 3 weeks ago

... wir haben im Zuge der Barrierefreiheit noch ein paar Findings bei den Axe-Core Barrierefreiheitstests gehabt, die wir nicht selbst beheben können (siehe Anhang).

Lux-Components.-.Barrierefreiheits-Themen.pdf

thodic77 commented 2 weeks ago

Die Findings wurden behoben.

Test

Die Demoseite "Autocomplete Authentic" öffnen.
Die Axe-DevTools im Browser öffnen.
Den Button "Full Page Scan" ausführen.
Prüfen, dass die Findings behoben wurden.
Dasselbe für die Demoseite "Chips-Authentic" wiederholen.

Anmerkung: Das Overlay kommt von Angular und das kann nicht geändert werden. D.h. die Meldung "All page content should be contained by landmarks" kann vorerst ignoriert werden.

@DSeifer: Bitte testen.

DSeifer commented 2 weeks ago

Test unter Windows im Edge-Browser:

Autocomplete AC (+)

Chips AC (-)

DSeifer commented 2 weeks ago

Test im Chrome-Browser unter MacOS 14.5 (Sonoma):

Autocomplete AC (+) siehe Test unter Windows.

Chips AC (-)

DSeifer commented 2 weeks ago

@thodic77: Bitte die Findings in der Komponente Chips AC nochmal prüfen. Gibt es hier ggf. doch Browser-/OS-Abhängigkeiten? Unter Windows zeigt mir der Chrome im Axe Devtool nur einen Issue (in: #lux-form-control-10-hint). Also nicht einmal ein gleiches Finding wie unter MacOS.

thodic77 commented 2 weeks ago

@DSeifer: Wenn ich das richtig überblicke, handelt es sich um die bekannten Kontrastprobleme im Authentic-Theme, diese bitte mit @patrowe besprechen und ggf. in einen separaten Issue auslagern. Das Green-Theme sollte diese Kontrastprobleme nicht haben.

DSeifer commented 2 weeks ago

Gerade erneut unter Windows im Edge-Browser getestet. Interessanterweise gibt es jetzt weder im Green- noch im Authentic-Theme Findings bei den beiden Komponenten. Der Vorgang wird daher geschlossen. @patrowe: Bitte ggf. für das Authentic-Theme und das von @thodic77 beschriebene Kontrastproblem einen neuen Issue erstellen.