detfaellesdesignsystem / dkfds-components

Styling og komponenter
Other
43 stars 13 forks source link

Disabled checkbox giver kontrast alerts #202

Closed MiracleAndreasHolm closed 1 year ago

MiracleAndreasHolm commented 1 year ago

Bekskriv fejlen (Describe the bug) Hej FDS. Vi ved Optagelse.dk bruger selvfølgelig jeres checkboxe: https://designsystem.dk/komponenter/tjekboks/ Når disse er disabled bliver teksten grå, hvilket resulterer i at kontrasten falder. Dette giver fejl når vi tester vores tilgængelighed. Man kan endda i jeres dokumentation (https://designsystem.dk/eksempel/checkbox-large/) se problemstillingen.

Genskab fejlen (To Reproduce) Sådan genskabes fejlen (Steps to reproduce the behavior):

  1. Go to https://designsystem.dk/eksempel/checkbox-large/
  2. Tjekboks 4's tekst er grå og hvilket under brug af feks. "Wave" giver contrast errors.

Indsæt link (Add a URL) https://designsystem.dk/eksempel/checkbox-large/

Screenshots image

Sådan burde det fungere (Expected behavior)

Desktop - udfyld venligst følgende (please complete the following information):

Smartphone - udfyld venligst følgende (please complete the following information):

Supplerende oplysninger (Additional context)

detfaellesdesignsystem commented 1 year ago

Hej @MiracleAndreasHolm

Tak for din henvendelse!

Når et element er inaktivt, fx disabled, så bortfalder de normale kontrastkrav i WCAG-kriterie 1.4.11. Jeg vil derfor mene, at der i dette tilfælde er tale om en fejl i Wave-værktøjet.

Med venlig hilsen Helle Juhl Det Fælles Designsystem

MiracleAndreasHolm commented 1 year ago

Hej @HEF-NC, Mange tak for dit svar og din tilhørende dokumentation. Det er information jeg deler ud til vores teams.

Mvh. Andreas Holm