vous êtes ici

Tous les articles

Sémantique

Pour chaque type de contenu, utilisez les balises HTML sémantiques appropriées. Par exemple, utilisez h1-h6 pour identifier les titres (ou sous-titres), ul, ol, li pour les listes p pour les paragrap…

Langage clair

Pour que le contenu d'un site soit compréhensible, il faut veiller à utiliser un langage clair.

Aria-label et aria-labelledby

Les attributs aria-label et aria-labelleby peuvent servir à définir le nom d'un élément.

ARIA - états et propriétés

Certaines attributs ARIA permettent de spécifier ou modifier l'état ou les propriétés des éléments.

Utiliser un lecteur d'écran pour tester votre site

Un lecteur d'écran est un logiciel qui permet aux personnes aveugles et malvoyantes d'utiliser leur ordinateur, tablette ou smartphone. Quels lecteurs d'écrans pouvez-vous utiliser pour tester votre site et à quoi devez-vous être attentif pour faire de tests réalistes?

ARIA - l'attribut role

L'attribut ARIA role définit le rôle d'un élément dans l'accessibility tree.

Quel texte de remplacement pour mon image ?

Pour qu'une image soit accessible, il faut lui donner un texte alternatif, aussi appelé texte de remplacement. Cet article vous explique comment choisir un bon texte alternatif.

Formulaire Word

Microsoft Word n'est pas un bon programme pour créer des formulaires.

PDF depuis InDesign

Une méthode de travail pour produire un document accessible avec InDesign.

Accessibilité des documents PDF

Un document PDF peut être considéré comme accessible s'il est en conformité avec les Web Content Accessibility Guidelines. Cela signifie entre autres que le contenu se trouve dans un ordre logique, q…

Documents Word accessibles

De manière générale pour créer des documents Word accessibles il faut suivre les mêmes principes que pour la création de pages web accessibles : présenter l'information sous forme de texte ou offrir …

Outils de test

Vous ne devez pas forcément être un expert pour faire des tests d'accessibilité sur votre site. Nous vous présentons quelques outils qui peuvent vous être utiles. Utiliser le clavier Un test q…

Utilisation de l'attribut tabindex

Mal utilisé, l'attribut tabindex peut rendre un contenu inutilisable au clavier. Quand peut-on l'utiliser et quand vaut-il mieux l'éviter?

La langue du contenu est indiquée

La langue du contenu doit être correctement spécifiée pour que celui-ci soit compréhensible lors d'une lecture avec un lecteur d'écran.

Chaque page possède un titre significatif

Le titre de la page étant un moyen d'orientation très important pour chaque visiteur, il faut veiller à donner un titre significatif à chaque page web. Cet article fournit des explications et recommandations.

Les intitulés des liens sont significatifs dans leur contexte

Un utilisateur doit pouvoir déterminer la destination d'un lien à partir du seul intitulé de ce lien. Cet article explique la notion de lien significatif dans son contexte et fournit des exemples pratiques selon les WCAG2.1.

Langue des signes

En mettant l'information importante en langue des signes sur votre site, vous la rendez accessible pour les sourds et malentendants. Trouvez dans cet article des liens vers des sites de référence pour une interprétation professionnelle en langue des signes.

Audiodescription

L'audiodescription permet de rendre des films accessibles aux personnes aveugles ou malvoyantes grâce à une voix off. Cet article explique quand l'audiodescription est nécessaire et expose la démarche à suivre pour la réaliser.

Sous-titrage des vidéos sur le web

Le sous-titrage des vidéos est indispensable pour toute personne sourde et malentendante. Cet article vous présente tous les aspects du sous-titrage : qualité et types de sous-titres, format, techniques et outils de sous-titrage.

Retranscription

Sur un site web il faut prévoir une retranscription ou version textuelle pour les films, podcasts ou autres fragments audio. Cet article vous explique ce qui doit être retranscrit et les techniques de retranscription pour vos fichiers vidéo et audio.

Choisir un lecteur multimédia

Pour garantir la possibilité de contrôler une vidéo, il faut utiliser un lecteur vidéo dont les boutons de contrôle sont accessibles dans différents navigateurs. Cet article liste différents lecteurs multimédia avec leurs points forts et points faibles.

Vidéos

Quels sont les obstacles que pourraient rencontrer les différents utilisateurs et que pouvez-vous faire concrètement pour que tout le monde ait accès au contenu de vos vidéos?

Tester l'accessibilité d'un document PDF

Pour qu'un document PDF soit considéré accessible il faut qu'il remplisse les conditions suivantes: La langue du contenu est correctement indiquée Le titre du document est significatif Le doc…

N'utilisez pas role="application"

Toutes les fonctionnalités standard que fournit le lecteur d'écran sont alors inhibées.

Onglets

Un système d'onglets est visuellement très intuitif mais peut porter à confusion pour quelqu'un qui ne voit pas l'écran ou qui n'en a pas la vue d'ensemble.

Checklist WCAG 2.1 de WebAIM

WCAG 2.1 sous forme de checklist simplifiée par Webaim

La directive européenne relative à l'accessibilité des sites web

La directive Européenne relative à l'accessibilité des sites web est entrée en vigueur le 22 décembre 2016. Cela signifie que tous les sites web et applications mobiles des organismes publics doivent être accessibles.

Cacher du texte

Il existe plusieurs façons de cacher du texte, des images ou tout autre élément sur une page web. Choisissez la meilleure technique en fonction de vos objectifs.

Contenu généré par CSS

CSS permet d'insérer du texte, des images et des polices d'icônes à une page web. A quoi faut-il être attentif pour que ces contenus soient accessibles? Texte inséré par CSS Les pseudo-éléments :…