GouvernementFR / dsfr

🇫🇷 Official french government's design system (Système de Design de l'État)
https://www.systeme-de-design.gouv.fr/
Other
247 stars 55 forks source link

[a11y] [radio-rich] Zoom text-only à 200% sous Firefox #1022

Open edugouvfr opened 1 month ago

edugouvfr commented 1 month ago

Décrire le bug

Avec Firefox en zoom text-only à 200% (test accessibilité) les input-radio image n'ont pas la même taille que dans la version "non-riche" (ils restent petits)

Les étapes pour reproduire le bug

Exemple :

  1. Utiliser Firefox
  2. Aller sur https://main--ds-gouv.netlify.app/example/component/radio/
  3. Scroller jusqu’aux radio riches
  4. Passer en zoom en mode text-only à 200%
  5. Constater que la taille des inputs des radios riches est plus petite que celle des input des radios normaux

Comportement attendu

Les inputs des radios riches devraient avoir le même aspects que les inputs radio normaux lorsqu'on fait un zoom text-only sur Firefox

Capture d’écran

Aspect radio "normal" : image

Aspect radio "riche" : image

Configuration et système utilisé