vous êtes ici

Tous les articles

Live regions

L'attribut aria-live transforme un bloc en une live region. Si le texte de ce bloc change, les lecteurs d'écran le prononcera automatiquement.

Contraste suffisant

Pour qu’un texte soit lisible, il faut un contraste suffisant entre le texte et l’arrière-plan. Qu’est-ce qu’un contraste suffisant et comment le mesurer ?

Web Content Accessibility Guidelines

Les Web content Accessibility Guidelines ou, en français, Règles pour l'accessibilité des contenus web sont le standard pour l'accessibilité des sites web et des documents électroniques. Il s'agit d'…

PDF accessible à partir de Word

Comment convertir un document Word en document PDF balisé.

Bornes d'information et terminaux en libre-service

Pour être accessibles, les bornes dans les espaces publics devraient offrir une variété d'options d'interaction. Les concepteurs et les programmeurs doivent tenir compte des facteurs environnementaux, de l'accessibilité de l'appareil lui-même et fournir une interface utilisateur personnalisable.

Qu'est-ce que l'accessibilité?

Accessible signifie utilisable par tout le monde, également les personnes handicapées. Ces personnes utilisent toutes sortes d'aides techniques, mais ces technologies ne suffisent pas à rendre le monde accessible. Les infrastructures, les sites web et les applications mobiles doivent être conçues et développées selon les principes de l'accessibilité.

Les alternatives textuelles sur les réseaux sociaux

Sur les réseaux sociaux, la plupart des messages sont accompagnés d'une image. Certaines plateformes comme Instagram et Pinterest sont dédiées presque exclusivement aux images. Quand le message qui a…

Menus déroulants accessibles

Voici quelques conseils pour construire des menus déroulants accessibles.

Un consentement aux cookies accessible

Les bannières de consentement aux cookies sont aujourd'hui présentes sur presque tous les sites. Elles posent souvent des problèmes d'accessibilité. Voici quelques conseils à prendre en compte pour qu'elles soient utilisables par tout le monde.

Comment les personnes handicapées utilisent-elles un ordinateur ?

Un petit tour d'horizon des différents types d'aides techniques que les personnes handicapées peuvent utiliser.

L'accessibilité : pour qui ?

Cet article suit l'article Qu-est-ce que l'accessibilité numérique ? Si l'on se demande pour qui l'accessibilité numérique est importante, la réponse courte est : pour tout le monde. En premier lie…

Afficher et cacher du contenu dans un panneau dépliant

Les panneaux dépliants sont très utilisés sur le web. Voici quelque techniques pour les rendre accessibles.

Les techniques pour donner un texte alternatif à une image

Comment donner une alternative textuelle aux différentes types d'images : élémentimg, SVG, image insérée par CSS, émoticônes et émojis, polices d'icônes,...

Espacement du texte

Un utilisateur doit pouvoir augmenter les espaces entre les lignes, lettres, mots et paragraphes sans perte de contenu.

Fenêtre de dialogue modale

A quoi faut-il faire attention pour construire une fenêtre de dialogue modale accessible?

Pourquoi rendre votre site web accessible?

Pourquoi rendre un site web accessible? Tout d'abord pour n'exclure personne, ensuite parce que c'est une obligation légale, et que c'est intéressant d'un point de vue financier et technique.

La déclaration d'accessibilité

Si vous faites des efforts pour que vos sites web et applications soient accessibles, c'est intéressant de communiquer à ce sujet. La déclaration d'accessibilité est un moyen de le faire.

ARIA - introduction

ARIA signifie "Accessible Rich Internet Applications". La spécification ARIA définit une série d'attributs qui peuvent améliorer la sémantique de composants complexes pour les rendre plus accessibles aux utilisateurs d'aides techniques.

Validation de formulaires

En cas d'erreur lors de la validation d'un formulaire, indiquez la nature de l'erreur et l'endroit où l'erreur a été commise. Ceci ne doit pas être fait uniquement au moyen de la couleur.

Nommer les champs de formulaires

Dans un formulaire, chaque champ doit avoir une étiquette ou label. Ce label doit être visible et lisible. Il doit être pertinent. Et il doit être relié au champ dans le code.

Utilisation des couleurs

La compréhension du contenu de la page ne peut dépendre uniquement d’un code couleur, de la taille du texte, de sa position ou d'un son.

Les animations peuvent être arrêtées

Le contenu animé peut poser problème à quelqu'un qui ne lit pas rapidement ou qui a un trouble de la concentration ainsi qu'aux utilisateurs de lecteurs d'écrans. Il faut pouvoir arrêter les animations.

Pas de flashs

Les flashs peuvent déclencher des crises d'épilepsie chez les personnes qui souffrent d'épilepsie photosensible. Il daut absolument les éviter.

Navigation au Clavier

Tout ce qui peut se faire avec la souris doit pouvoir se faire au clavier. Comment tester vous-même et quels pièges éviter?

Éviter le spam sans captcha

Les captchas sont un obstacle infranchissable pour de nombreux internautes. Il existe d'autres techniques pour éviter le SPAM qui sont accessibles.

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?