Accessibilité

• Un lien permettant d’accéder à la page « Accessibilité » est présent sur toutes les pages du site ;
• La plupart des informations sont accessibles en 3 clics ou moins ;
• Les contenus sont identifiés de façon hiérarchique et claire en utilisant des balises de titres et de sous-titres ;
• Les liens dans les résumés d’articles ont été placés sur les titres et non sur un élément texte à la fin mentionnant «lire la suite». Cela permet de passer rapidement d’un lien à l’autre (ou d’un titre d’article à l’autre) et de cliquer sur le titre dès qu’il est lu ;
• Les hyperliens pointant sur un contenu hébergé à l’externe s’ouvrent généralement dans une nouvelle fenêtre ;

Pour de meilleurs résultats, pensez à mettre votre navigateur à jour. Navigateur compatible : IE10 – IE11 – Firefox – Safari – Opera – Chrome.

Texte

• La police de caractère permet un agrandissement optimal des textes ;
• Le site s’affiche correctement, même si vous changez la taille de la police dans les préférences de votre navigateur. Si vous le faites en cours de lecture, vous devez recharger la page pour un résultat optimal ;
• De façon à faciliter la lecture, le site peut basculer en version mobile si vous optez pour une police de caractère plus grande ;
• Nous avons opté pour une fonte sans empattements offrant les mêmes caractéristiques qu’Arial : grande lisibilité, voyelles larges, oeil de la lettre très ouvert, peu de contraste entre les pleins et les déliés ;
• Le texte courant a une taille plus grande que celle recommandée et tout le texte peut être agrandi pour une meilleure lisibilité. La taille des blocs s’ajuste automatiquement en fonction de la taille de la typographie pour afficher le texte excédent ;
• La plupart des images et des icônes ont des descriptions pour favoriser la lecture par les systèmes adaptés ;
• Aucune typographie n’est intégrée dans une image, ce qui fait que tout est lisible par les systèmes de synthèse vocale ;

Design

• Le design du site est conçu avec des couleurs contrastantes entre le fond et le texte pour une meilleure visibilité ;
• Les éléments visuels significatifs (photos, images, graphique, symbole…) sont accompagnés d’un équivalent textuel décrivant leur contenu ou le message qu’ils véhiculent pour permettre aux internautes non-voyants d’obtenir l’information nécessaire ;
• Aucune animation visuelle ne clignote ;
• Les blocs de couleurs sont toujours séparés par du blanc, afin que les clientèles avec des problèmes de vision puissent voir facilement la démarcation ;
• Lorsqu’il y a un sous-menu vertical, celui-ci est placé à gauche pour accommoder les visiteurs qui doivent agrandir («zoomer») la page ;
• Les informations présentent toujours un contraste maximal en étant toujours mises en blanc sur le noir ou le bleu foncé, ou en noir ou bleu foncé sur blanc. Par ailleurs, les liens sont indiqués par du soulignement et non des couleurs différentes qui pourraient être difficilement perceptibles.

Nos remerciements

Nous tenons à remercier le comité d’utilisateurs, formé de personnes non-voyantes et malvoyantes, qui nous ont fait part de leurs besoins, commentaires et suggestions. Vous avez été d’une aide précieuse! Un merci tout particulier à André Dubois, membre du conseil d’administration de Vues et Voix, pour son expertise et sa grande générosité! Et enfin, mille mercis à la consultante Michelle Blanc (blogue de Michelle Blanc) et aux concepteurs du site : Sylvain Grand’Maison (Fono), Bruno Cloutier, Estelle Portalès et Philippe Martin (La Fabrique de Blogs). Merci d’avoir été à l’écoute de nos besoins et si ingénieux, notamment pour l’accessibilité du site!