From 9b2e46e3617dca728799323b48eef257e2e0d0c4 Mon Sep 17 00:00:00 2001 From: mloyat Date: Thu, 9 Feb 2023 10:37:08 +0000 Subject: [PATCH] Update accessibility.md --- docs/cadrage/accessibility.md | 12 +++++++----- 1 file changed, 7 insertions(+), 5 deletions(-) diff --git a/docs/cadrage/accessibility.md b/docs/cadrage/accessibility.md index 485929ed..da4d2e68 100644 --- a/docs/cadrage/accessibility.md +++ b/docs/cadrage/accessibility.md @@ -1,6 +1,7 @@ # Accessibilité -Vérifiez toujours que ce que vous développez est Accessible pour des personnes aux handicaps divers tels que le préconise le WECAG. -https://www.w3.org/Translations/WCAG20-fr/ +Vérifiez toujours que ce que vous développez est Accessible pour des personnes aux handicaps divers tels que le préconise le WCAG. +https://www.w3.org/Translations/WCAG20-fr/ (norme internationale) +https://accessibilite.numerique.gouv.fr/methode/criteres-et-tests/ (référentiel français, plus applicable) Quelques lignes à vérifier: * Couleurs contrastées @@ -22,9 +23,10 @@ N'ayez pas peur de demander de l'aide ## Structure html -* Ajouter une attribut lang="fr" sur l'élément html +* Ajouter une attribut lang="fr" sur l'élément html, modifier cet attribut au changement de langue * Chaque page doit avoir un title unique (ex: `title="Création de sondage - étape 1/7 - BarracuDate"`) * Chaque page doit avoir un h1 (ex: `

Création de sondage - étape 1 sur 7

`) -* Un élément de texte ne peut pas être dans un élément div ou span (ex:

300 caractères maximum

) +* Un élément de texte ne peut pas être dans un élément div ou span (ex: `

300 caractères maximum

`) * Éviter d’utiliser l’attribut tabindex -* Les actions doivent être portées par des éléments button (et non ou ) +* Les actions doivent être portées par des éléments button (et non `` ou ``) +* Les composants d'interface telles que fenêtres modales ou accordéons doivent suivre les [motifs de conception ARIA](https://www.w3.org/WAI/ARIA/apg/patterns/)