Accessibility issues

[Maxgux]

Hello, I have noticed several accessibility issues in the theme which limits its usage for me.

During a conversation, I had the opportunity to discuss this with Julien Dauphant, CTO at beta.gouv, who indicated that it might be possible (subject to approval) to allocate funds or human resources to address these issues, so that this great open-source initiative can benefit everyone.

Could you get in touch with him to see how they can contribute to the project?

Thank you for your work.

[garronej]

Thank you! That's great news!

I'll get in touche with Julien!

[Maxgux]

Great !

I didn't have time to conduct a full analysis, but here are the issues I have already identified:

• Inconsistent keyboard navigation
• Error messages are not necessarily associated with fields, and some are not relevant
• Heading hierarchy
• Missing language tags
• Broken ARIA links in some cases

[garronej]

Thank you for this analysis!

[MichaelBitard]

Hello,

Je rebondis sur cette issue.

On vient d'avoir le résultat de l'audit d'accessibilité de Camino, projet beta.gouv qui utilise ce thème, et on a eu un retour négatif sur la navigation de la page de login. En gros les tabindex ne sont pas bons ( c'est un retour mineur, mais on se dit que si on corrige ça ici, ça corrige pour tout le monde donc ça vaut l'extra effort ).

Quand je regarde le code

keycloak-theme-dsfr/src/login/pages/Login.tsx

Line 41 in 9285410

<a className={fr.cx("fr-link")} href={url.registrationUrl} tabIndex={8}>

je vois qu'il y'a des tabindex spécifiés sur cette page, c'est volontaire ?

Je pense que si on ne fait que les enlever, ça corrige le problème de navigation de la page.

Si il n'y a pas de raison particulière à la présence de ces tabindex, je vais essayer de les enlever pour tester ce que ça donne.

En gros ça c'est pas top -->