Veille accessibilité numérique Décembre-Janvier 2024

• Toujours d'actualité, les chouettes articles du calendrier de l'avent 24j De Web : https://www.24joursdeweb.fr/
• "80% de handicap invisibles", un chiffre qui m'a toujours interrogé, bon au moins voilà quelques explications : https://www.24joursdeweb.fr/2023/fact-checking-80-des-handicaps-sont-invisibles/
• Encore sur ces p**ain d'overlay, les surcouches d'a11y, même la CE ne les aime pas : https://commission.europa.eu/resources-partners/europa-web-guide/design-content-and-development/accessibility/testing-early-and-regularly/accessibility-overlays_en
• C'est officiel, certaines sanctions pour non respect des lois d'a11y et la mise en place des contrôles sont là : https://www.lefigaro.fr/flash-eco/accessibilite-numerique-les-cancres-de-l-administration-encourent-desormais-des-sanctions-20240101 et https://www.faire-face.fr/2024/01/09/accessibilite-numerique-condamnations-ameliorations/
• Un working draft du WF3c pour la nouvelle version d'ARIA, la 1.3 qui peut être commenté jusqu'au 21/02 (en) : https://www.w3.org/news/2024/first-public-working-draft-accessible-rich-internet-applications-wai-aria-1-3/

L'accessibilité dans les lois et les normes #

• Explication de WCAG 3.2.6 Consistent help (en) : https://www.digitala11y.com/understanding-wcag-sc-3-2-6-consistent-help-level-a/
• Explication de WCAG 3.3.7 Redondant entry (en) : https://www.digitala11y.com/understanding-wcag-sc-3-3-7-redundant-entry-level-a/
• EN 301549 expliqué aux développeurs (en) : https://appt.org/en/guidelines/en-301-549?ref=accessible-mobile-apps-weekly.ghost.io
• Le référentiel WCAG 2.2 en une image (en) : https://intopia.digital/articles/intopia-launches-wcag-2-2-map/

Stratégie de mise en accessibilité #

• L'accessibilité pour une entreprise mondiale : https://www.ekino.fr/publications/comment-generaliser-laccessibilite-au-sein-dune-entite-mondiale/
• 16 erreurs moins connues d'a11y (en) : https://toward.studio/latest/16-lesser-known-accessibility-issues
• Maintenir l'a11y avec les évolutions (en) : https://accessicart.com/6-reasons-why-accessibility-is-maintained-not-attained/
• Les bonnes pratiques pour rendre du texte lisible et compréhensible : https://blog.pope.tech/2023/12/07/accessible-text/

Tester l’accessibilité #

• Utiliser l'accessible tree dans Chrome (en) : https://blog.pope.tech/2023/11/27/how-to-use-chromes-accessibility-tree/
• Outils auto d'a11y et shadow DOM (en) : https://matuzo.at/blog/2024/automated-testing-tools-and-web-components
• Quelques erreurs très communes dans un audit (en) : https://gomakethings.com/basic-accessibility-mistakes-i-often-see-in-audits/
• Le top 10 des erreurs en 2023 (en) : https://www.tpgi.com/the-top-accessibility-errors-found-in-2023/

Points techniques #

• Tout sur les chatbots accessibles (en) : https://mitre.github.io/chatbot-accessibility-playbook/
• Un article aussi sur les chatbots web a11y (en) : https://www.craigabbott.co.uk/blog/web-chat-accessibility-considerations/
• Les mythes de la navigation clavier et WCAG (en) : https://tetralogical.com/blog/2023/11/27/keyboard-accessibility-myths-wcag/
• Grouper les options d'un select (en) : https://html5accessibility.com/stuff/2024/01/12/options-for-optgroup-labeling-of-options/
• Un indispensable à lire, des notifs a11y part 1 (en) : https://www.sarasoueidan.com/blog/accessible-notifications-with-aria-live-regions-part-1/
• Notifs a11y part 2 (en) : https://www.sarasoueidan.com/blog/accessible-notifications-with-aria-live-regions-part-2/
• Bonnes pratiques a11y pour des liens externes (en) : https://blog.pope.tech/2024/01/02/how-to-make-external-links-accessible/
• Un souci dans le critère 2.5.8 Target size, intéressant (en) : https://adrianroselli.com/2023/12/2-5-8-adversarial-conformance.html
• 3 articles sur drag'n drop et a11y, tout ce qu'il faut savoir (en) : https://www.tpgi.com/the-road-to-accessible-drag-and-drop-part-1/, https://www.tpgi.com/the-road-to-accessible-drag-and-drop-part-2/ et https://www.tpgi.com/the-road-to-accessible-drag-and-drop-part-3/

Retour d'expérience #

• Ce qui ne marche pas dans les audits d'a11y (en) : https://cerovac.com/a11y/2023/12/potential-problems-with-accessibility-audits-and-what-to-do-about-them/
• BBC et WCAG 2.2 via leur design system, des champions (en) : https://accessibility.blog.gov.uk/2024/01/11/get-to-wcag-2-2-faster-with-the-gov-uk-design-system/
• Quelques réflexions sur les noms ou abréviations des monnaies et le retour des AT (en) : https://www.tpgi.com/money-talks-formatting-currency-in-web-content/
• Interview du responsable de l'a11y au TPGi, à lire (en) : https://www.tpgi.com/if-its-not-usable-its-not-accessible/?hss_channel=tw-18923531
• En a11y on fait pas du spécifique (en) : https://nicsteenhout.substack.com/p/accessibility-specific-tech-requirements
• Suite du précédent article, l'a11y oui mais ça depend du contexte (en) : https://yatil.net/blog/it-depends-indeed
• Tous les utilisateurs de lecteur d'écran ne sont pas aveugles (en) : https://www.tempertemper.net/blog/not-all-screen-reader-users-are-blind
• Le paradoxe du orange en accessibilité (en) : https://www.bounteous.com/insights/2019/03/22/orange-you-accessible-mini-case-study-color-ratio

Aides techniques #

• Support dans les lecteurs d'écran d'une accessible description dynamique, à lire (en) : https://www.darins.page/articles/dynamic-accessible-descriptions-reference
• Toujours pas vraiment de support pour ABBR avec ou sans title (en) : https://adrianroselli.com/2024/01/using-abbr-element-with-title-attribute.html

Appli mobile, web mobile #

• Une application de démonstration de composants accessibles en SwiftUI, très très utile pour les développeurs : https://github.com/cvs-health/ios-swiftui-accessibility-techniques
• Adapter un vrai clavier sur son iPhone : https://www.clicks.tech/
• "Be My Eyes" est une appli gratuite destinée aux personnes aveugles ou malvoyantes, s'appuyant sur l'entraide de la communauté ou sur chatGPT pour la description de l'environnement proche : https://www.bemyeyes.com/language/french
• Quelques ressources essentielles à connaître pour l'accessibilité sur mobile : https://dev.to/steady5063/the-ultimate-mobile-accessibility-resource-guide-53gh
• Tester l'accessibilité de votre app Flutter directement dans votre IDE : https://blog.octo.com/tester-laccessibilite-de-votre-app-flutter-directement-dans-votre-ide
• Un simulateur d'accessibilité sur iOS : https://ios.moba11y.com/
• Etude de la société Fable sur les principaux usages et problèmes d'accessibilité mobile : https://makeitfable.com/insights/insights-mobile-accessibility/

Ergonomie, UI & UX #

• N'utiliser pas les boutons toggle, sinon... (en) : https://axesslab.com/toggles-suck/
• Design et dev en A11y, tous responsables (en) : https://cerovac.com/a11y/2024/01/mind-the-accessibility-gaps-most-of-accessibility-issues-originate-in-design-and-how-to-fix-that/
• Un site peut être à la fois beau et accessible : https://medium.com/@chiaracielo/an-accessible-website-wont-be-beautiful-really-076802c79e90

Ressources #

• Liste d'article sur MVP et accessibilité (en) : https://www.webaxe.org/your-mvp-must-be-accessible/
• Data visualisation a11y (en) : https://www.tpgi.com/making-data-visualizations-accessible/
• Site de courtes vidéos explicatives sur les lecteurs d'écran gratuits : http://monlecteurdecran.be/
• Description de graphes interactifs, comment bien l'écrire (en) : https://www.highcharts.com/blog/tutorials/accessible-descriptions-for-interactive-charts/

Autres #

• Les modèles théoriques du handicap : https://www.temesis.com/blog/modeles-theoriques-du-handicap/
• AI pour générer un code pour composants accessibles (en) : https://userway.org/fixmycode/
• Un plugin Chrome utilisant l'IA pour décrire les images d'un site web : https://youtu.be/XSyJ21wWSL4?si=nq1YpXPw-JI2nyWy