Pour commencer

Accédez aux outils et aux éléments de base qui permettent de concevoir et de mettre au point des expériences cohérentes et accessibles.

Développer Conception

Accessibilité

Comment offrir des expériences accessibles à tous.

Pourquoi c'est important

Les sites Web et les services numériques du gouvernement provincial doivent être accessibles à tous. En d’autres termes, les sites Web et les applications doivent pouvoir être utilisés par tous les citoyens sur tous les types d’appareils, y compris les dispositifs d’assistance pour les personnes ayant des handicaps.

Les composants du système de conception ont été créés en tenant compte de l’accessibilité et des pratiques exemplaires en la matière. Cependant, il est toujours bon de tester les produits finaux pour s’assurer qu’ils ne présentent pas de problèmes d’accessibilité.


Règles pour l’accessibilité des contenus Web (WCAG)

La norme WCAG s’articule autour de quatre principes d’accessibilité :

  1. Perceptible : Les informations et les composants de l’interface utilisateur doivent être présentés aux utilisateurs de manière qu’ils puissent les percevoir.
  2. Utilisable : Les composants de l’interface utilisateur et de navigation doivent être utilisables.
  3. Compréhensible : Les informations et le fonctionnement de l’interface utilisateur doivent être compréhensibles.
  4. Robuste : Le contenu doit être suffisamment robuste pour être interprété par un grand nombre d’agents utilisateurs, y compris les technologies d’assistance.

Le gouvernement provincial s’efforce de satisfaire aux exigences du niveau AA des WCAG 2.2.


Contraste des couleurs

Les utilisateurs perçoivent les couleurs de différentes manières (en raison du daltonisme, d’une basse vision ou d’autres facteurs). La couleur ne doit donc jamais être utilisée seule pour véhiculer un message. En ce qui concerne le texte normal, les WCAG 2.2 exigent un ratio de contraste d’au moins 4.5:1.

Il existe plusieurs outils en ligne pour vérifier les contrastes :


Texte alternatif

Le texte de remplacement, souvent abrégé en texte « alt », est un attribut HTML qui sert à fournir une description textuelle des images. Il est généralement utilisé pour des raisons d’accessibilité, car il permet aux lecteurs d’écran de décrire les images aux utilisateurs. Il permet également d’améliorer le référencement (SEO).

Quand utiliser le texte de remplacement

  • Images comportant des informations : Utilisez le texte de remplacement lorsque l’image présente une information, une signification ou un contenu pertinents.
  • Images fonctionnelles : Utilisez le texte de remplacement lorsque l’image sert de lien ou de bouton.
  • Images affichant du texte : Utilisez le texte de remplacement lorsque l’image affiche du texte.
  • Images complexes : Utilisez le texte de remplacement lorsque l’image est complexe, s’il s’agit par exemple d’un graphique ou d’un diagramme.

Quand omettre le texte de remplacement

  • Images purement décoratives : Appliquez l’attribut alt vide (alt="") aux images qui ne fournissent aucune information et qui sont uniquement décoratives.
  • Images redondantes : Appliquez l’attribut alt vide aux images où l’information fournie est également incluse dans le texte à proximité. Cela évite la répétition.
  • Images d'arrière-plan : Les images qui sont uniquement décoratives et qui sont intégrées par CSS ne requièrent pas de texte de remplacement.

À faire

  • Rédigez des textes courts et concis.
  • Pensez à la façon dont vous décririez l’image à un interlocuteur au téléphone.

À ne pas faire

  • N’utilisez pas de formulations du type « image de… » ou « photo de… ».
  • N’ajoutez pas de texte de remplacement aux images décoratives qui n’ont aucune signification ni importance contextuelle.

HTML

	<img src="img/votre-image.jpg" alt="Décrivez l'image" />

Contenu audio et vidéo

Vous devez ajouter un sous-titrage codé aux vidéos et fournir des transcriptions pour les contenus audio et vidéo.


Visualisations des données

Vous pouvez ajouter une longue description aux diagrammes et aux graphiques pour aider les utilisateurs à comprendre les données présentées. Vous pouvez également présenter les données dans un tableau à l’intention des utilisateurs qui préfèrent consulter les données dans un format simplifié.


Rédaction

Il est important d’utiliser un langage simple pour que le contenu soit accessible à tous. Un langage difficile à comprendre peut entraver la capacité des gens à prendre des décisions éclairées. Il peut les empêcher de comprendre pleinement les informations, d’accéder aux services ou de recevoir l’aide dont ils ont besoin.

Le Guide de rédaction du contenu du site Canada.ca décrit les meilleures pratiques pour créer du contenu Web facilement trouvable, compréhensible et utilisable. Ces pratiques s’appuient sur des principes de rédaction et des techniques qui aident à fournir un contenu Web clair et adapté aux besoins de tous.

Guide de rédaction du contenu du site Canada.ca