vous êtes ici

Tous les articles

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.

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 faire en sorte que votre site web soit accessible?

Pour n'exclure personne C'est la raison principale. En veillant à l'accessibilité de votre site, vous faites en sorte qu'il n'y ait pas d'obstacles qui empêchent certaines personnes de le lire ou de…

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.

Contraste

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?

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.

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'…

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

Utilisez PDF uniquement si vous avez une bonne raison de le faire (voir l'article en Anglais Facts and opinions about PDF accessibility de Joe Clark sur A List Apart). Un document PDF est-il accessi…