tykayn
/
funky-framadate-front
mirror of https://framagit.org/framasoft/framadate/funky-framadate-front.git
1
1
Fork 0
Code Issues Projects Releases Wiki Activity

Merge branch 'mloyat-master-patch-81330' into 'develop' 

Update accessibility.md

See merge request framasoft/framadate/funky-framadate-front!76
This commit is contained in:
Marc Loyat 2023-04-04 03:35:19 +00:00
parent b99efd0f37 9b2e46e361
commit f4905dc728
1 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
docs/cadrage/accessibility.md
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 d’utiliser l’attribut 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/)