Comment intégrer des notes de bas de page accessibles en HTML ?
Il n’existe pas de composant natif HTML permettant de faire des notes de bas de page. C’est pourquoi nous vous recommandons une alternative accessible !
Accessibilité d’Angular Material : l’attribut color et le RGAA
Angular Material implémente les principes définis dans Material Design pour la librairie Angular. Dans cet article, nous détaillons l’utilisation particulière qu’elle fait de l’attribut HTML color et son impact sur l’accessibilité.
Concevoir un composant d’auto-complétion accessible
Aujourd’hui, nous partageons avec joie la traduction en français de l’article « Building an accessible autocomplete control » écrit d’Adam Silver et publié le 2 février 2020. Nous remercions l’auteur pour son aimable autorisation.
Développement web : quand tester avec un lecteur d’écran ?
L’utilisation des trois lecteurs d’écran de la base de référence du RGAA est essentielle pour comprendre et corriger les problèmes rencontrés par les utilisateurs et utilisatrices de votre site ou application web. Cet article donne quelques exemples de cas concrets où la connaissance de NVDA, JAWS et VoiceOver vous sera d’une aide précieuse.
Accessibilité : comment gérer le rechargement de page dans les « Single Page Applications » ?
Dans les frameworks JavaScript modernes, appelés Single Page Applications (SPA), l’utilisateur ne change plus de « page », mais de « contexte ». Les codes de navigation sont donc perturbés puisque l’utilisateur expérimente une navigation qui n’est plus standard : le focus du navigateur n’est plus repositionné en haut de page et très souvent, le titre de la page n’est...
WordPress et accessibilité : faciliter la navigation (1re partie)
Au printemps, je publiais un premier article consacré à l’accessibilité des thèmes WordPress : WordPress et accessibilité : bien structurer les modèles de pages de son thème. Il y a 15 jours, je suis intervenue à BlendWebMix pour donner une nouvelle conférence sur ce sujet qui me tient à cœur. Vous pouvez d’ailleurs consulter mes […]
WordPress et accessibilité : bien structurer les modèles de pages de son thème
Suite à la conférence « 8 conseils pour améliorer l’accessibilité de votre thème WordPress » que j’ai donnée au WordCamp Bordeaux, le 23 mars dernier, voici le premier article d’une série consacrée à l’accessibilité des thèmes WordPress. Au programme de cette série d’articles : astuces, « quick wins » et contexte utilisateurs, pour bien comprendre ce qu’il faut faire et...
Reprise de focus et accessibilité
L’une des problématiques les plus complexes lorsqu’on développe des dispositifs JavaScript concerne la reprise de focus, c’est-à-dire le parcours de l’utilisateur avant, pendant et après le déclenchement d’une fonctionnalité. Cet article a pour objectif d’expliquer les principes à appliquer, illustrés par quelques cas concrets.
Motif de conception ARIA Menu : pourquoi faut-il l’utiliser le moins possible ?
Retraçons un peu l’histoire Au milieu des années 2000, on se demandait lequel de HTML 4.01 ou XHTML 1.x était le meilleur standard. Les deux langages avaient pour point commun leur absence totale de gestion des composants riches. Ceux-ci étaient de plus en plus convoités par les développeur·ses partout dans le monde. Malheureusement, les processus […]
Développer un composant accessible pour afficher/masquer une zone
Lorsque l’on a besoin de réduire des portions de contenus dans une page, notamment pour diminuer la charge informationnelle de contenus annexes, la solution la plus courante est d’utiliser une zone que l’utilisateur peut afficher ou masquer à volonté. Nous détaillons dans cet article trois méthodes pour gérer ce système de zones affichées/masquées de manière...