Veille accessibilité numérique Avril-Mai 2025

Une bonne nouvelle, la Commission Européenne dit clairement que les surcouches ne rendent pas accessible, on avance : https://design.numerique.gouv.fr/articles/2025-04-03-les-surcouches-ne-rendent-ni-accessible-ni-conforme/.

Le CNCPH, Conseil National Consultatif pour les Personnes Handicapées, lui est plus pessimiste sur l'avancée en France de l'accessibilité : https://drive.google.com/file/d/1oP88duDOzIxFjqg3MhbomEOFqA0gPuue/view .

Et pour finir, l'étude annuelle de WebAim sur 1 million de site internet, toujours pas des résultats foufous, ça avance mais très très lentement (en) : https://webaim.org/projects/million/.

L’accessibilité dans les lois, les normes et recommandations #

• Anticiper les erreurs d'a11y dans un projet (en) : https://www.lullabot.com/articles/what-it-means-shift-left-accessibility-and-how-do-it-right
• Explications du critère WCAG 1.4.11 non-text contrast (en) : https://tarnoff.info/2025/04/28/a11y-101-1-4-11-non-text-contrast/
• Explications du critère WCAG 2.5.3 label in name (en) : https://www.tpgi.com/how-to-meet-sc-2-5-3-label-in-name/
• Explications du critère WCAG 1.4.10 reflow (en) : https://tarnoff.info/2025/04/21/a11y-101-1-4-10-reflow/
• Explications du critère WCAG 1.4.4 resize text (en) : https://tarnoff.info/2025/04/07/a11y-101-1-4-4-resize-text/

Stratégie de mise en accessibilité #

• Prioriser les corrections des erreurs d'a11y (en) : https://accessibility.civicactions.com/posts/prioritizing-accessibility-bugs-for-maximum-impact
• Le menu accessibilité, une mauvaise bonne idée : https://accessibilite.public.lu/fr/news/2025-03-18-menus.html
• Intéressant point de vue sur l'utilisation de l'IA en a11y, à lire (en) : https://scottvinkle.com/blogs/work/4-ways-i-use-ai-as-an-accessibility-specialist
• Des arguments pour convaincre en a11y, à lire (en) : https://adrianroselli.com/2025/05/selfish-accessibility-2025-accessu.html
• Et encore... (en) : https://www.nira11y.com/post/the-4-motivations-for-accessibility-the-big-why
• Toujours..., très complet (en) : https://stephaniewalter.design/blog/how-to-convince-people-to-care-and-invest-in-accessibility/
• Quand faire une version alternative accessible (en) : https://mn.gov/mnit/about-mnit/accessibility/news/?id=38-683740
• Faite un tableau des responsabilités par rôle dans un projet pour améliorer l'a11y (RACI) (en) : https://www.accessarmada.com/blog/defining-raci-roles-for-improving-digital-accessibility/
• Insérer des contenus tiers, comment bien faire (en) : https://www.dennisdeacon.com/web/accessibility/third-party-solutions-accessibility-a-primer/

Tester l’accessibilité #

• Nouvelle étude 2025 de WebAim Million, à lire (en) : https://webaim.org/projects/million/
• Tout sur ce qui peut être automatisé dans WCAG (en) : https://html5accessibility.com/stuff/2025/03/27/mind-the-wcag-automation-gap/
• Les outils de test auto moins efficaces qu'annoncés (en) : https://www.linkedin.com/pulse/automated-accessibility-test-tools-find-even-less-than-robert-dodd-pk7be/
• Tester au clavier (en) : https://www.deque.com/blog/how-keyboard-testing-improves-digital-accessibility/
• Quelques bookmarklets (en) : https://intopia.digital/articles/digital-accessibility-bookmarklets/
• Méthodologie de tests d'a11y, classique et efficace (en) : https://www.a11y-collective.com/blog/how-to-check-web-accessibility/
• Tester manuellement, automatiquement ou par IA (en) : https://www.dennisdeacon.com/web/accessibility/automated-vs-ai-vs-manual-testing-text-alternatives/

Points techniques #

• Tout sur le main, à lire (en) : https://adrianroselli.com/2025/04/mainlining-mains.html
• Regroupement de champs, à lire (en) : https://www.tpgi.com/everythings-more-complicated-in-groups-required-groups/
• Utiliser aria-describedby (en) : https://www.a11y-collective.com/blog/aria-describedby/
• Live region (en) : https://slides.yatil.net/were-aria-live.html#/
• Un composant accordéon a11y basé sur les listes de diffusion (en) : https://afixt.com/creating-an-accessible-accordion-with-html-description-lists/
• Un carousel en CSS accessible, pas possible (en) : https://www.sarasoueidan.com/blog/css-carousels-accessibility/#conclusion-and-closing-thoughts
• React et a11y, pas si mal (en) : https://www.accessarmada.com/blog/is-react-accessible-thats-the-wrong-question/
• Un recap sur les tableaux html accessibles, à lire (en) : https://adrianroselli.com/2025/05/talkin-tables-accessu.html
• Les gestion des évènements clavier souris dans les lecteurs d'écran (en) : https://www.tpgi.com/event-handling-in-jaws-and-nvda/
• Navigation clavier, les bons réflexes (en) : https://afixt.com/keyboard-navigation-ensuring-usability-without-a-mouse/

Retour d'expérience #

• Interview de Laetitia Giannettini, Senior UX strategy chez Telono : https://access42.net/interview-laetitia-giannettini-senior-ux-strategy-research-design-consultant-telono-suisse/
• L'auditeur a11y et la charge cognitive par Sophie Drouvroy, pensées que je partage largement : https://www.sophie-drouvroy.com/blog/un-audit-daccessibilite-cest-avant-tout-un-engagement-mental/
• Retour sur trop en faire en a11y (en) : https://rightbadcode.com/i-broke-the-disabled-button
• Texte de remplacement aux images dans les reseaux sociaux, comment faire (en) : https://blog.pope.tech/2025/04/02/a-guide-to-alt-text-across-popular-tools/
• Figma Sites produit des sites web inaccessibles (en) : https://adrianroselli.com/2025/05/do-not-publish-your-designs-on-the-web-with-figma-sites.html
• Encore un retour négatif sur Figma Sites (en) : https://www.joedolson.com/2025/05/the-true-path-to-garbage-code-figma-sites/
• Témoignage très intéressant à propos des barrières liées à l'ergonomie mobile (en) : https://makeitfable.com/article/mobile-usability-reality-check-for-inclusive-ux/

Appli mobile, web mobile #

• Le premier draft des WCAG 2.2 appliqués aux Applications Mobile (WCAG2Mobile) vient de sortir (en) : https://www.w3.org/TR/wcag2mobile-22/
• Super synthèse de TPGI sur les outils, techniques et bonnes pratiques pour tester les apps mobiles iOS (en) : https://www.tpgi.com/csun-recap-testing-mobile-apps-tools-techniques-and-best-practices-part-1-ios/
• Même chose pour les apps mobiles Android (en): https://www.tpgi.com/csun-recap-testing-mobile-apps-tools-techniques-and-best-practices-part-2-android/
• Un rapport d'ArcTouch et de Fable qui évalue l'accessibilité de 50 applications Android et iOS de premier plan dans cinq secteurs d'activité, à télécharger (en) : https://arctouch.com/state-of-mobile-app-accessibility#panel-2RbqZjLfMkS99qZnuUqpZH
• Focus sur quelques éléments clés de l'accessibilité sur mobile (en) : https://www.a11y-collective.com/blog/mobile-app-accessibility/#h-mobile-app-accessibility-checklist-7-key-steps

Aides techniques #

• Tout savoir sur la navigation clavier (en) : https://tetralogical.com/blog/2025/05/09/foundations-keyboard-accessibility/

Ergonomie, UI & UX #

• Annoter l'a11y pour les lecteurs d'écran dans la conception, tout savoir (en) : https://bbc.github.io/accessibility-news-and-you/guides/screen-reader-ux.html
• De meilleurs messages d'erreurs plus "humain" (en) :https://piccalil.li/blog/how-to-write-error-messages-that-actually-help-users-rather-than-frustrate-them/
• N'utilisez pas les polices "thin" (en) : https://webdesignerdepot.com/thin-fonts-are-a-usability-nightmare-and-finally-designers-are-waking-up/
• Défendons les étiquettes textuelles, ou les limites des icônes seuls (en) : https://www.chrbutler.com/in-defense-of-text-labels
• L'importance de la navigation clavier dans le web design (en) : https://www.smashingmagazine.com/2025/04/what-mean-site-be-keyboard-navigable/
• L'audit d'a11y, la pierre angulaire du user centric design (la conception centrée utilisateur) (en) : https://www.uxmatters.com/mt/archives/2025/04/how-accessibility-audits-are-shaping-the-future-of-user-centered-design.php

IA #

• Un exemple d'impact négatif des IA (en) : https://adactio.com/journal/21831
• IA et a11y, là où ça avance (en) : https://bestcolleges.indiatoday.in/news-detail/ai-for-the-win-how-pwds-are-benefiting-from-ai-tools
• A11y des IA génératives, draft note du 25/04 du W3c (en) : https://raw.githack.com/w3c/ai-accessibility/FPWD-ai-accessbility/index.html
• Les bénéfices de l'IA pour les personnes handicapées (en) : https://bestcolleges.indiatoday.in/news-detail/ai-for-the-win-how-pwds-are-benefiting-from-ai-tools
• Des tests d'a11y avec de l'IA, POC intéressant (en) : https://devblogs.microsoft.com/semantic-kernel/guest-blog-letting-ai-help-make-the-world-more-accessible-analyzing-website-accessibility-with-semantic-kernel-and-omniparser/
• Retours et tests de aXe assistant, rien de transcendant (en) : https://www.craigabbott.co.uk/blog/deque-axe-assistant-first-impressions/
• Attention au Vibe Coding (développement assisté par IA), notamment en ce qui concerne les questions d'accessibilité (en) : https://cerovac.com/a11y/2025/04/beware-of-vibe-accessibility/

Ressources #

• Mastodon et images accessibles, comment faire : https://dutailly.net/mastodon-les-balises-alt-et-deux-ou-trois-autres-trucs
• Guide pour des vidéos accessibles (en) : https://afixt.com/how-to-make-your-videos-accessible-a-guide-to-inclusive-content-creation/
• Focus sur un point de l'étude WebAim million (en) : https://cerovac.com/a11y/2025/04/webaim-million-results-show-that-shopping-sites-have-worst-accessibility/
• PDF a11y, utiliser accessibility checker d'Adobe Acrobat (en) : https://blog.pope.tech/2025/04/30/remediate-a-pdf-for-accessibility-using-adobes-accessibility-checker/
• PDF a11y, corriger l'ordre de lecture dans Acrobat d'Adobe (en) : https://blog.pope.tech/2025/04/30/how-to-use-adobe-acrobats-fix-reading-order-tool/

Autres #

• Comment IKEA a optimisé l'utilisation de sa police Noto IKEA, passionnant, (en) : https://www.robinwhittleton.com/2025/04/23/ikea-web-fonts/
• Questions réponses d'experts front-end sur la sémantique HTML et code accessible (en) : https://accessibility.blog.gov.uk/2025/04/25/unlocking-accessibility-frontend-developers-discuss-semantic-html-and-accessible-code/