Update accessibility.md

This commit is contained in:
mloyat 2023-02-09 10:37:08 +00:00
parent 481190f3bf
commit 9b2e46e361
1 changed files with 7 additions and 5 deletions

View File

@ -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: `<h1>Création de sondage - étape 1 sur 7</h1>`)
* Un élément de texte ne peut pas être dans un élément div ou span (ex: <p>300 caractères maximum</p>)
* Un élément de texte ne peut pas être dans un élément div ou span (ex: `<p>300 caractères maximum</p>`)
* Éviter dutiliser lattribut tabindex
* Les actions doivent être portées par des éléments button (et non <i> ou <a>)
* Les actions doivent être portées par des éléments button (et non `<i>` ou `<a>`)
* 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/)