Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
selimmeziti opened this issue Oct 9, 2024 · 1 comment
Labels
v2 évolution Nouvelle fonctionnalité ou requête

Comments

@selimmeziti
Copy link

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é

  • Version du DSFR : 1.12
  • **Appareil (mobile, tablette, desktop) : **
  • Système d’exploitation : testé sur Windows et Mac
  • Navigateur et version : Chrome, Firefox

Informations complémentaires

Ajouter toute autre information concernant le problème.

@keryanS
Copy link
Contributor

keryanS commented Oct 16, 2024

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

@keryanS keryanS added évolution Nouvelle fonctionnalité ou requête v2 labels Oct 16, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
v2 évolution Nouvelle fonctionnalité ou requête
Projects
None yet
Development

No branches or pull requests

2 participants