INKLUDO vous accompagne dans votre démarche de mise en accessibilité.
- Un accompagnement en amont, lors de la conception ou la refonte de votre site.
- Vous avez fait réaliser une maquette par votre graphiste et souhaitez en faire un site accessible.
- Vous souhaitez améliorer l’accessibilité de votre site avant de passer un audit.
- Vous souhaitez réaliser un audit complet et détaillé (RGAA 4.1).
- Vous souhaitez simplement améliorer l’accessibilité de votre site.
Un site Web accessible ?
L’accessibilité du web est la problématique de l’accès aux contenus et services web par les personnes handicapées (déficients visuels, sourds, malentendants, etc.) et plus généralement par tous les utilisateurs, quels que soient leurs dispositifs d’accès (mobile, tablette, etc.) ou leurs conditions d’environnement (niveau sonore, éclairement, etc.).
Les personnes non voyantes ou malvoyantes disposent de plusieurs outils pour les aider à naviguer :
- Le lecteur d’écran qui oralise qui est écrit à l’écran ;
- La plage braille : un dispositif relié à l’écran qui permet aux utilisateurs de lire en braille ce qui est affiché sur le site Internet.
Ces dispositifs ne sont efficaces que si les sites Internet consultés respectent les règles d’accessibilité numérique.
Ainsi un site peut-être inutilisable sans la souris, et donc inaccessible aux personnes non voyantes qui n’en n’utilisent pas et qui naviguent au clavier.
Les chiffres
Selon les études l’on peut estimer entre 2 et 10 le % la proportion de sites Web accessibles!
En ce qui concerne les démarches en ligne, selon l’approche on se situe entre 40 et 80 %…
Un article très intéressant sur le sujet en suivant ce lien.
Se former aux enjeux d’inclusion
La méthode la plus efficace consiste à concevoir son site de manière accessible an amont, de comprendre la manière dont sera consulté le site Web par une personne en situation de handicap.
Intégrer l’accessibilité le plus tôt possible lors de la conception d’un site est une économie de temps et d’argent, par comparaison à des corrections après-coup.
Créer un design contrasté
Les personnes malvoyantes ou ayant une mauvaise vision des couleurs, peuvent également être gênées par un manque de contraste (daltonisme, voir absence totale de vision des couleurs…).
Les couleurs et le RGAA 4.1
Critère 3.2. Dans chaque page web, le contraste entre la couleur du texte et la couleur de son arrière-plan est-il suffisamment élevé (hors cas particuliers) ?
Critère 3.3. Dans chaque page web, les couleurs utilisées dans les composants d’interface ou les éléments graphiques porteurs d’informations sont-elles suffisamment contrastées (hors cas particuliers) ?
Veiller à la présence d’alternatives textuelles
L’alternative textuelle est un texte que l’on associe à un contenu graphique, pour que l’utilisateur qui ne peut le visualiser puisse être informé de ce qu’il représente.
Pour une image par exemple, l’alternative textuelle est restituée à la place quand celle-ci n’est pas consultable.
Décrire tous les champs de son site
Par exemple pour les champs de formulaire, un texte à proximité doit permettre d’en connaître la nature, le type ou le format des informations attendues. Une étiquette peut être associée au champ de formulaire.
Assurer la possibilité de naviguer via un clavier
Les personnes non-voyantes en particulier naviguent au clavier, par exemple en utilisant la touche tabulation pour passer d’un lien, d’un champ ou d’un onglet à un autre.
Essayez et vous vous rendrez compte de la difficulté !
Proposer une interface responsive
Utile pour une utilisation sur tous les supports (mobiles, tablettes, écran de PC), mais également lorsque l’utilisateur zoom ou agrandit la tailles des caractères.
Rédiger des contenus accessibles
Les rédacteurs de contenu ont un impact majeur sur l’accessibilité, à travers :
- le choix des illustrations graphiques et la pertinence des alternatives aux éléments non-textuels ;
- la mise en ligne de textes clairs et compréhensibles pour les internautes, mais aussi utilisables par les technologies d’assistance grâce à la qualité de leur structure HTML ;
Pensez à tester et faire tester votre site !