Ce qu’on fait pour rendre notre site accessible
Nous souhaitons rendre ce site le plus accessible possible, pour qu’il puisse être utilisé par un maximum de personnes. Afin d’aller le plus possible dans ce sens, voici les exigences que nous nous sommes fixées :
Général :
Adaptation aux technologies d’assistance (jaws, assistance au clavier..)
Site responsif
Pas de pop-up
Éviter les QR-Code ou proposer une solution alternative pour les personnes non-voyantes
Attention aux effets de flash et la luminosité (doit pouvoir se régler ou se contraster ou se contrôler par l’utilisateur)
Créer des liens d’évitement et un accès rapide (loupe “rechercher”)
Le survol des boutons doit avoir une alternative textuelle
Proposer une langue par défaut, si changement de langue > valide et pertinent
Si lien, intitulé pertinent
Signaler les changements de sens de la lecture
Menu de navigation clair et toujours à la même place
Plan du site atteignable
Contraste élevé, sobriété de l’interface (fond blanc, police et illustrations foncées)
Police :
Sans empattement (Arial, Tahoma…)
Minimum : taille 12 – augmentation de la taille de la police si zoom.
Éviter le gras. l’italique que pour les citations.
Éviter le souligné à part si le contenu est cliquable.
Pas de déformation avec l’agrandissement de la taille des caractères à 200%
Contenu :
Créer des titres pertinents et explicites par rapport au contenu
Rédigé au présent de l’indicatif
Phrases courtes, concises, vocabulaire commun
Pas de sigles et d’abréviations ou si nécessaire, les expliquer
Pas d’anglicismes, sauf connus (sandwich, T-shirt, chewing gum…)
Toujours présenter une personne qui est mentionnée.
Par exemple : Zinedine Zidane, le footballeur professionnel, Emmanuel Macron, président de la république…
Le contenu ne doit pas être représenté par sa couleur, sa forme, son emplacement.
Ex : Bleu pour les projets, vert pour le calendrier
Doit toujours être lisible si imprimé en noir et blanc.
Images :
Images porteuses d’information légendées, alternative textuelle pertinente
Pas de légende – traduction – pour les éléments décoratifs, doivent être ignorés par les logiciels d’assistance
Média :
Chaque média est clairement identifiable, dans sa temporalité (identifier les temps de lecture)
La vidéo peut se régler (pause, débit de la parole, sous-titrage)
Tableau :
Titrer les tableaux de manière claire et explicite
Proposer un résumé pertinent du contenu du tableau
Ressources :
Pour construire ce site, nous nous sommes basé sur les documents suivants :
En Français :
Règlementation RGAA : https://www.numerique.gouv.fr/publications/rgaa-accessibilite/obligations/
Standard d’accessibilité W3G : https://www.w3.org/WAI/fundamentals/accessibility-intro/fr
Website planet | L’accessibilité des sites internet simplifiée : Guide 2022 :
https://www.websiteplanet.com/fr/blog/laccessibilite-des-sites-internet-simplifiee-votre-guide-ultime/
En Anglais :
The AY11 project (communauté de développeurs internationaux engagés dans l’accessibilité web) : https://www.a11yproject.com/
Accessguide – un guide super simple et intuitif des interrêts liés à la mise en accessibilité : https://www.accessguide.io/
The Ad Hoc accessibility playbook : https://adhoc.team/playbook-accessibility/
Ce qu’on peut améliorer
Parce que rien n’est jamais parfait, nous sommes conscients que beaucoup de choses sont encore à faire pour rendre votre expérience la plus accessible possible.
Vous avez remarqué des erreurs, des manques en terme d’accessibilité sur ce site ? N’hésitez pas à nous en faire part en nous écrivant à contact@octo-bus.fr.