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é # 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. 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/ 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: Quelques lignes à vérifier:
* Couleurs contrastées * Couleurs contrastées
@ -22,9 +23,10 @@ N'ayez pas peur de demander de l'aide
## Structure html ## 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 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>`) * 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 * É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/)