Outils utiles

Vérification du contraste des couleurs : Colour Contrast Analyser

L’outil Colour Contrast Analyser (CCA) permet de vérifier si les couleurs utilisées dans un document ou dans une page Web sont suffisamment contrastées pour les personnes malvoyantes.

  • Exemple de contraste insuffisant (rouge sur fond gris)
    Colour contrast analyser - contraste insuffisant (2,2). Arrière-plan gris. Premier plan rouge.


     
  • Exemple de contraste correct (bleu sur fond jaune clair)
    Colour contrast analyser - contraste correct (11,5). Arrière-plan jaune clair. Premier plan bleu.

     

Télécharger gratuitement le logiciel Colour Contrast Analyser :

 

Contrôle de la bonne structuration des pages

Pour être accessibles, les pages Web doivent être correctement structurées grâce à l’utilisation pertinente de la hiérarchie des titres.
Pour vérifier la cohérence de cette hiérarchie des titres, une personne voyante peut télécharger HeadingMaps, une extension du navigateur :

Une fois l’extension installée, une petite icône apparaît en haut et à droite de la fenêtre du navigateur.

Pour vérifier la bonne structuration d’une page Web, une fois rendu sur la page, cliquer sur l’icône HeadingMaps.
Apparaît alors à gauche de l’écran la visualisation de la structure de la page.
On voit l’ensemble des balises h1, h2, … hn
Exemple de hiérarchie correcte où h1 précède h2 qui précède h3. :

Illustration d'une hiérarchie correcte de balise de titre

Exemple de hiérarchie incohérente avec des titres h3 précédant un titre h2 :

Illustration d'une hiérarchie incohérente de balise de titre
 

Disque des contrastes des couleurs

Si vous souhaitez disposer d’un support matériel pour apprécier les contrastes de couleur, vous pouvez acquérir le disque des contrastes des couleurs.

 

Le Localisateur : un outil pratique et gratuit pour consulter plus facilement des sites Internet

Le Localisateur est un outil destiné aux personnes déficientes visuelles pour leur faciliter l’accès à un ensemble de sites Internet en mettant à leur disposition des informations pratiques. 

En savoir plus sur le Localisateur

 

 

Licence Creative Commons Attribution (logo)

Cette œuvre est mise à disposition selon les termes de la Licence Creative Commons Attribution - Partage dans les mêmes conditions 4.0 International (CC BY-SA 4.0)

Merci de transmettre vos commentaires et suggestions à :
accessibilitenumerique@avh.asso.fr.