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

[Toutes les pages du site] Corriger l'usage de la couleur Orange du texte d'un lien lors de son survol avec la souris #537

Open
VivianePourGitHub opened this issue Jun 21, 2024 · 3 comments
Assignees

Comments

@VivianePourGitHub
Copy link
Collaborator

Constat : le texte des liens passe de noir en Orange (#F16E00) lors de leur survol par la sourie. Sur un fond blanc et avec une taille de caractère trop petites, le contraste est insuffisant.

Solution retenue (Échange Teams du 21 juin avec Viviane/Guillaume/Pierre-Yves) : conserver la police noire mais renforcer le soulignement et augmenter légèrement de la taille de la police.
Solution proposée par Pierre-Yves et issue d'un exemple pris sur site des WCAG
image
image

@Guillaum31
Copy link
Collaborator

Il y a trop d'effets de bords si je force la couleur noire (sur les boutons, la nav bar...). J'ai juste forcé tous les liens en gras au survol. Est-ce que cela suffit ?

@GaetanBt
Copy link
Contributor

Pour la couleur des liens au survol, ça ne serait pas possible sans avoir effet de bord en redéfinissant les custom properties --bs-link-hover-color-rgb et/ou --bs-link-hover-color de Boosted dans les styles du site ? Il me semble que l'affichage sur fond noir est déjà prévu dans le framework.

Guillaum31 added a commit that referenced this issue Jul 31, 2024
Guillaum31 added a commit that referenced this issue Aug 7, 2024
@Guillaum31
Copy link
Collaborator

MAJ :
Dans les textes, les liens au survol passent en gras et noir (les liens déjà en gras restent en noir, gras).
Dans le breadcrumb, la police s'agrandit au survol de 2px.
Les tailles de polices >= 19px restent en orange.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants