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 54 forks source link

Accessibilité - Texte qui se chevauche - Composant "Téléchargement de fichier" #1021

Open selimmeziti opened 1 month ago

selimmeziti commented 1 month ago

Texte qui se chevauche

Lorsque l'intitulé est long, c'est à dire placé sur au moins 2 lignes, le détail du fichier (poids et format) est parfois positionné sous l'intitulé du lien.

Les étapes pour reproduire le bug

Exemple, ce problème peut se rencontrer de plusieurs façon :

  1. sur chrome, en réduisant la taille de l'écran
  2. sur firefox, en modifiant les dimensions de l'espace entre les lettres, mots et ligne (voir critère 10.12 du RGAA)
  3. avec des intitulés longs sur 2 lignes

Comportement attendu

Le texte ne doit se chevaucher, peu importe l'affichage et la taille de l'acran

Capture d’écran

image

Configuration et système utilisé

Informations complémentaires

Ajouter toute autre information concernant le problème.

keryanS commented 1 month ago

Bonjour,

Merci pour le retour. Il s'agit d'une problématique liée à la gestion des icônes en before/after. Il n'y a pas de solution corrective systémique dans l'immédiat. En v2, nous réfléchirons à une autre méthode d'implémentation des icônes.

Keryan, pour l'équipe DSFR