Accessibilité
Dans le monde, plus d’un milliard de personnes ont un handicap rendant l’accès à internet difficile (malvoyance, daltonisme, dyslexie, etc.)
Plus de 7 contenus web sur 10 ne sont pas accessibles à tous et à toutes.
Dans un objectif d’amélioration de l’accessibilité, le site de VoisinMalin est développé selon les recommandations du référentiel général d’amélioration de l’accessibilité (RGAA) pour être accessible à tous les usagers quel que soit le matériel ou le logiciel utilisé pour naviguer sur internet.
Cette déclaration de démarche d’accessibilité s’applique uniquement au site voisinmalin.fr
Le site a été conçu et designé par l’agence Les Raisonnées et développé par l’agence Roquette, en étroite collaboration avec l’équipe projet de VoisinMalin.
Actions mises en œuvre
Le travail sur l’accessibilité du site de VoisinMalin comprend différentes actions dans les catégories suivantes :
Design
Travail sur les contrastes couleur de fond/couleur. Les contrastes ont été testés avec l’outil de WebAim. Voici quelques exemples :
- H2 classique – couleur de fond : #FFFFFF, couleur du texte : #1D1D1B / ratio : 16,88:1
- Menu burger ouvert – couleur de fond : #FFD2D2, couleur du texte : #1D1D1B / ratio : 12,38:1
- Texte dans encart chiffres – couleur de fond : #00DC78, couleur du texte : #1D1D1B / ratio : 9,25:1
- Texte sur bandeaux de mise en avant – couleur de fond : #FFF05A, couleur du texte : #1D1D1B / ratio : 14,36:1
Aide à la navigation
- présence de liens d’évitement ;
- menu de navigation optimisé ;
- blocs déroulants optimisés ;
- focus sur les éléments ;
- une page plan du site est présentée en lien dans le pied de page du site et représente l’architecture générale du site ;
- la navigation ne contient pas de piège au clavier ;
- optimisation pour la lecture vocale : présence d’un menu optimisé, blocs déroulants optimisés, lecture des encarts optimisée (le lien se situe sur le titre), titrage des liens optimisé, les liens sont correctement nommés, la balise title est laissée vide pour éviter une lecture en doublon.
Images
- à la mise en ligne, les images porteuses d’information ont une alternative textuelle ;
- les images de décoration sont correctement ignorées par les technologies d’assistance ;
- les attributs obligatoires sont déclarés pour que le contexte de l’image soit bien interprété (attribut alt vide pour les images décoratives) – pour les images au format SVG, l’attribut title est préféré à l’attribut alt.
Retour d’information et contact
Si vous n’arrivez pas à accéder à un contenu ou à un service, vous pouvez nous contacter via notre formulaire de contact pour être orienté·e vers une alternative accessible ou obtenir le contenu sous une autre forme.
Recommandations essentielles
Les 4 principes fondamentaux du W3C (WCAG) sont les suivants : perceptible, opérable, compréhensible et robuste.
Perceptible
- fournir des alternatives textuelles pour tout contenu non textuel ;
- proposer des sous-titres pour les vidéos ;
- assurer un contraste suffisant (ratio minimum 4,5:1) entre le texte et le fond ;
- permettre le redimensionnement du texte jusqu’à 200%.
Opérable
- rendre toutes les fonctionnalités accessibles au clavier ;
- donner assez de temps pour lire et utiliser le contenu ;
- éviter les contenus pouvant provoquer des crises d’épilepsie ;
- fournir des moyens de navigation clairs (menu, plan du site).
Compréhensible
- identifier la langue de la page ;
- créer un contenu qui apparaît et fonctionne de manière prévisible ;
- aider les utilisateurs à éviter et corriger les erreurs ;
- utiliser des libellés explicites pour les formulaires.
Robuste
- assurer la compatibilité avec les technologies d’assistance ;
- utiliser correctement les balises HTML et ARIA.