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:
commit
f4905dc728
|
@ -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/)
|
||||
|
|
Loading…
Reference in New Issue