Déclaration d’accessibilité

Ce que j’ai fait

• Les titres suivent un plan clair sur chaque page : un seul H1, puis des H2 et H3 dans l’ordre, sans niveau sauté.
• Chaque page a un lien d’évitement, des repères nommés et des liens au texte descriptif. Les liens qui s’ouvrent dans un nouvel onglet le signalent.
• Chaque paire de couleurs de texte et de fond respecte le rapport de contraste de 4,5:1.
• Tout le site fonctionne au clavier, avec un contour de focus visible. Les schémas interactifs peuvent s’utiliser avec les touches fléchées, et chacun comporte une explication textuelle.
• Les boutons et les liens de navigation font au moins 44 sur 44 pixels.
• Les pages se réorganisent sans défilement horizontal jusqu’à une largeur de 320 pixels, soit l’équivalent d’un zoom de 400 % sur un écran standard.
• Les animations sont sobres et utiles, et rien ne clignote. Quand une page se charge, une barre de progression et un court message indiquent que quelque chose se passe. Tout s’arrête ou devient fixe quand votre appareil demande de réduire les animations.
• Les passages en français sont balisés comme tels, pour que les lecteurs d’écran les prononcent correctement.
• Le sens n’est jamais porté par la couleur seule. Chaque image a un titre et une description textuelle pour les lecteurs d’écran, et rien dans une image ne manque dans le texte qui l’accompagne.
• Chaque page est offerte en français et en anglais.

Comment j’ai vérifié

• Vérifications automatisées du contraste des couleurs, de l’ordre des titres, des repères, des noms de liens et de boutons, des textes de remplacement des images, des identifiants en double, des références entre éléments, de la taille des cibles et du débordement, sur les 12 pages en anglais et en français.
• Un parcours au clavier de chaque page, et un test de chaque schéma interactif.
• Des tests de mise en page aux largeurs d’ordinateur, de tablette, de téléphone et de 320 pixels.
• Des tests avec la réduction des animations activée, avec le texte agrandi à 200 %, avec un espacement accru des lignes, des lettres et des mots, et avec le mode à couleurs forcées (contraste élevé) activé.
• Une vérification que le lien d’évitement est le premier arrêt des utilisateurs du clavier sur chaque page.

À propos des cours que je présente

Les cours en ligne présentés dans mes études de cas sont hébergés sur le site du collège. Pour le cours Storyline, j’ai aussi créé une version PDF accessible. Si une police de Google Fonts ne se charge pas, votre appareil utilise sa propre police et le texte reste lisible.

Rétroaction

Si quelque chose sur ce site est difficile à utiliser, dites-le-moi. Écrivez à albert@adamavi.ca en indiquant la page et ce qui n’a pas fonctionné, et je corrigerai le problème.