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

Problème de sémantique HTML dans le composant Footer #217

Open
humchaop opened this issue Jan 10, 2024 · 2 comments
Open

Problème de sémantique HTML dans le composant Footer #217

humchaop opened this issue Jan 10, 2024 · 2 comments

Comments

@humchaop
Copy link

humchaop commented Jan 10, 2024

Il y a une erreur de sémantique dans le composant Footer.
Le texte du logo "Intitulé officiel" est dans une balise <p> inclus dans une balise <a>.
Les balises <p> n'étant pas autorisées dans les balises <a>, nous avons une anomalie d'accessibilité.

Il faudrait supprimer la balise <p> ou la remplacer par un <span>.

Exemple de code :
Composant Footer default
Composant Footer default

@enguerranws
Copy link
Collaborator

enguerranws commented Jan 15, 2024

Inclure des balises block dans un élément <a> était une erreur de validation en HTML / XHTML 4 et moins, ce n'est plus le cas en HTML5.
Ça ne pose (à ma connaissance), pas de souci d'accessibilité également : l'arbre d'accessibilité me semble clean (cf. screenshot), l'élément est bien accessible au clavier et la lecteur de texte fonctionne bien également.

Capture d’écran 2024-01-15 à 15 27 35

@humchaop Je reste à dispo si tu constates un impact négatif, pour éventuellement faire remonter ça à l'équipe du DSFR (ici, nous ne faisons que suivre l'implem HTML / CSS qu'ils mettent en place).

@enguerranws
Copy link
Collaborator

@humchaop s'il n'y a pas de nouvelles, je propose de clore le ticket.

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

2 participants