Arêter de fumer, faire plus de sport, manger mieux, se coucher plus tôt, rendre votre site Web accessible... Voilà quelques-unes des résolutions que vous entendez prendre cette année ? En cette année d’adoption du standard gouvernemental d’accessibilité SGQRI-008, rendre votre site Web accessible devrait être une résolution se hissant en tête de liste !

Pour vous aider à y parvenir, je vous propose une petite liste de conseils à appliquer ou à tenir en compte lors de la création de vos contenus. Si l’ordre d’affichage de ces conseils n’est pas important, leur application, elle, peut constituer toute la différence entre un site accessible et un autre qui ne l’est pas.

  • Fournissez des métadonnées pour ajouter l’information sémantique.
  • Utilisez les en-têtes de section pour spécifier la structure du document.
  • Marquez les listes et les citations à l’aide des balises à cet effet.
  • Créez un ordre logique de tabulation dans la page.
  • Fournissez un texte de remplacement pour tout élément non-textuel.
  • Utilisez des images cliquables côté client.
  • Utilisez du texte balisé plutôt que des images.
  • Fournissez des liens textuels redondants pour chaque zone sensible d’une image cliquable côté client.
  • Fournissez un texte de remplacement pour tout élément non-textuel.
  • Fournissez une description auditive des informations importantes de la piste visuelle d’une présentation multimédia.
  • Synchronisez les alternatives équivalentes avec la présentation multimédia.
  • Assurez-vous que les étiquettes de formulaire sont correctement positionnées.
  • Associez les étiquettes de formulaire avec leurs éléments de contrôle de manière explicite.
  • Divisez les grands blocs d’information en groupes plus faciles à gérer lorsque c’est naturel et approprié.
  • Facilitez la correction des erreurs dans les formulaires.
  • Laissez le contrôle à l’utilisateur dans un formulaire.
  • Placez du texte remplaçable dans les champs vides de type zones d’édition simples et multilignes.
  • Identifiez les en-têtes de lignes et de colonnes des tableaux de données.
  • Utilisez le balisage pour associer les cellules de données et les cellules d’en-tête des tableaux complexes.
  • N’utilisez les tableaux pour la mise en page, à moins qu’ils n’aient un sens lorsqu’ils sont linéarisés.
  • Fournissez des sommaires pour les tableaux de données.
  • Fournissez des abréviations pour les en-têtes de tableaux.
  • Fournissez une alternative linéaire du texte pour les tableaux de mise en page.
  • Utilisez des feuilles de style pour contrôler la mise en page et la présentation.
  • Organiser les documents de manière à ce qu’ils puissent être lus sans feuille de style.
  • Assurez-vous que toute information transmise par les couleurs est également disponible sans couleur.
  • Évitez les fluctuations lumineuses, le clignotement et le mouvement.
  • Assurez des contrastes suffisants entre les différentes couleurs.
  • Utilisez des unités relatives plutôt qu’absolues pour fixer la taille des éléments.
  • Fournissez un moyen de passer une illustration ASCII de plusieurs lignes.
  • Créez des documents qui sont valides par rapport aux grammaires formelles publiées.
  • Évitez d’utiliser les fonctionnalités déconseillées des technologies du W3C.
  • Assurez-vous que les pages sont utilisables compte tenu des éléments de programmation.
  • Assurez l’utilisabilité au clavier à travers de vos pages.
  • Assurez la compatibilité avec les technologies d’adaptation informatiques.
  • Assurez-vous que les équivalents textuels pour le contenu dynamique sont mis à jour.
  • Fournissez des informations concernant l’organisation d’un site.
  • Utilisez les mécanismes de navigation de manière cohérente.
  • Évitez de créer des pages s’actualisant automatiquement.
  • Redirigez les pages sans délai pour l’utilisateur.
  • Fournissez des barres de navigation.
  • Fournissez de l’information à propos des ensembles de documents.
  • Placez des informations clés au début des sections, des paragraphes, des listes etc.
  • Fournissez des raccourcis clavier.
  • Fournissez des informations afin que les utilisateurs puissent recevoir les documents selon leurs préférences.
  • Utilisez le langage le plus clair et le plus simple possible pour tout contenu textuel.
  • Identifiez la langue principale d’un document.
  • Identifiez les changements de langue à travers un document.
  • Identifiez clairement la destination de chaque lien.
  • Évitez les fenêtres à ouverture automatique sans avertissement.
  • Si des fonctions de recherche sont fournies, permettez différents types pour satisfaire les préférences et les compétences des utilisateurs.
  • Prévoyez un lien de contournement en début de page pour accéder directement au contenu principal.
  • Distinguez les liens adjacents par un caractère.
  • Associez du contenu visuel ou audio au texte.
  • Utilisez une présentation cohérente de page en page.
  • Expliquez la signification des abréviations.

Dans les semaines et les mois qui suivront, je passerai un à un ces conseils en revue, en les explicitant un peu plus, question de vous donner de la matière à réflexion et des pistes de solution pour les implémenter adéquatement dans vos propres projets Web.

En attendant, si vous désirez en savoir plus sur chacun de ces conseils, vous pouvez toujours consulter les liens apparaissant tout en bas de la colonne de droite sur la page d’accueil de notre site Web. Affiché aléatoirement au rafraîchissement de la page, ces liens vous mèneront vers des contenus complémentaires qui sauront à coup sûr vous éclairer et qui sait, peut-être même vous aider à maintenir votre résolution d’accessibilité !

Parce que ce serait bien d’en tenir au moins une cette année-ci...

Et bien évidemment, la santé, le bonheur, le succès et tout ce que la vie a de meilleur à offrir pour l’année qui s’amorce !