[Accessibilité] - Page Newsletter

• Contexte
• Objectif
• Ressources
• Tâches

Contexte

Résultats du rapport d'audit d'accessibilité
Page Newsletter : https://resin.grandlyon.com/newsletter

Objectif

Corriger les problèmes d'accessibilité restants.
Faire ce qui est raisonnable. N'hésitez pas à signaler ce qui est trop compliqué, ça pourra être discuté et/ou reporté en accord avec Erwan.

Ressources

Rapport envoyé par mail

Tâches

• (Déjà corrigé par ailleurs)
  Le style du focus du champ du formulaire a été supprimé. Il faut rétablir le style natif du navigateur ou définir un style en CSS (propriété « outline »).
  (+ a faire aussi pour l'onboarding)
  

• (Le pb des ID des inputs est géré dans la MR !875 (merged))
  Pour le champ du formulaire, il y a une duplication des ID avec leur balise parent (), ce qui créé un conflit avec l’association des balises . Le logiciel de restitution NVDA ne retransmet pas la relation /champ. (Règle du W3C, il ne peut y avoir 2 ID identiques dans une page)
  (+ a vérifier sur l'onboarding)

• !902 (merged)
  Il faut ajouter le bon type de champ : « type="email" » pour l’input Courriel personnel. Il faut relier les champs en erreur avec leur message d’erreur via l’utilisation de l’attribut « aria-describedby="ID-erreur" » (sur le champ) / ID du message d’erreur.

• (Le nom du champ ayant été renommé, cette modification du message ne semble plus nécessaire)
  Dans le messages d’erreur du courriel, il faut suggérer un exemple de données attendues (« Le courriel doit être un email valide. Exemple : email@yahoo.fr »).