2.1. Pour toutes les fonctionnalités disponibles à partir d’un clavier. Toutes les fonctionnalités de la pages sont disponible avec le clavier, à moins que ce ne soit techniquement impossible (par exemple dessin). Les raccourcis clavier de la page n’entrent pas en conflit avec les raccourcis du navigateur ou de lecteur d’écran (les accesskey ne sont [...]
1.4. Faciliter l’accès des utilisateurs à voir et à entendre le contenu, notamment en distinguant le premier plan et l’arrière-plan. La couleurs n’est pas le seul moyen d’identification d’un message d’information sauf si le contraste entre ces couleurs est suffisant (3:1). Un mécanisme est prévu pour arrêter, mettre en pause, ou régler le volume pour [...]
1.3 – Créer le contenu qui peut être présenté de différentes façons sans perte d’information Un balisage sémantique est utilisé. Pour rappel : Hiérarchisation : h1, h2, h3… Listes : ul, ol, li Emphase : strong, em, code, abbr, blockquote… Tableau pour les données tabulaire uniquement. Utilisation de label pour les formulaires. Le code se [...]
1.2 – Fournir un alternatif à tous les contenus qui évoluent dans le temps. Un texte de transcription est prévu pour les contenus audio pré-enregistré. Un texte de transcription et/ou un alternatif audio est prévu pour les contenus vidéo pré-enregistré. Des sous-titre synchronisés sont fourni pour les vidéos pré-enregistré. Un alternatif audio est fourni et [...]
WCAG : “Web Content Accessibility Guidelines”, soit “directives pour l’accessibilité des contenu du web” en français. 1.1 – Contenu non textuel. Toutes les images, les boutons de formulaires, et les zone active des images mapé doivent avoir un équivalent textuel approprié. Les images qui ne véhiculent pas d’information possèdent un texte alternatif null (atl=””) ou [...]
La base de la base, fournir un titre différents et porteur de sens à toutes les pages. C’est télement évident ! Et pourtant on l’oublie tout le temps pour la simple est bonne raison que ça ne s’affiche pas au même endrois que la page. C’est pourtant l’identifiant élémentaire de la page, le nom que [...]
Lorsque l’on rempli un formulaire d’une page web (ou d’une application informatique quelconque) on peut passer au champs suivant avec la touche tab. Parfois, cette navigation n’est pas logique et l’on est obligé de recourir à sa souris. Pour rendre cette navigation logique, on peut préciser l’ordre avec l’attribut tabindex à qui on donne un [...]
Technique de base pour réaliser un site accessible, quand vous avez une image et un lien l’un à coté de l’autre pointant vers la même page, il est bon de les mettre ensemble dans le lien. On peut alors s’abstenir de fournir une alternative textuelle à l’image, car le texte du lien parle de lui [...]
Voici une charmante bestiole, qu’il faut être expert pour approcher… comme le logiciel. En fait, deux expressions permettent de faire un pont entre l’animal et le logiciel : Avoir des yeux de lynx : Ce logiciel permet d’augmenter sons acuité visuelle en passant outre les problèmes de cécité. Avoir des oreilles de lynx : Ce [...]
Juste pour prêcher la bonne paroles aux développeurs web, voici un focus sur une balise HTML trop souvent oublié :<label> Comme son nom l’indique, cette balise sert à étiqueté un champs de formulaire, c’est à dire à créer un lien entre le champs et le sens de ce champs : le texte qu’il le décris. [...]