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

Beaucoup de chouette articles en ce début d'année. On sent bien que tout ça bouge, l'a11y a le vent en poupe...

Dans le monde de l'a11y, les captchas sont une abomination, alors voici un Draft du W3c sur l'a11y et les Captcha qui n'attend que vos commentaires, alors allez y !
https://w3c.github.io/captcha-accessibility/ commentaires attendus

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

• Editor’s draft de ARIA authoring practices 1.2 en attendant la version finale, les bonnes pratiques d’implémentation d’ARIA (en) : https://w3c.github.io/aria-practices/
• Évolution de la norme sur l’a11y du secteur public en Europe EN 301 549 (en) : https://axesslab.com/en-update/
• WCAG 3.0 pas prêt d’être prêt mais… (en) : https://yatil.net/blog/wcag-3-is-not-ready-yet
• Faut-il un transcrit avec les podcasts, spoiler : oui (en) : https://www.boia.org/blog/do-i-need-to-write-podcast-transcripts-for-accessibility
• des alt et des descriptions dans les photos metadata standards des images (en) : https://www.scribelytribe.com/post/one-giant-leap-for-accessibility-meet-the-new-photo-metadata-standards
  Retours d’expérience et accessibilité
• Comment bien faire de l’a11y avec un panier sous forme de tableau, du grand art (en) : https://adrianroselli.com/2022/01/accessible-cart-tables.html
• Bien gérer les alternatives d’images décoratives alt= » », à lire ! (en) : https://html5accessibility.com/stuff/2022/01/10/alt-tag-emptiness/
• ARIA n’est pas la solution, pas toujours (en) : https://dev.to/steady5063/a-tangled-web-of-aria-50nk
• Stratégie de mise en accessibilité chez what3words (en) : https://www.linkedin.com/pulse/accessibility-strategy-gigi-etienne/
• Pourquoi les devs ne font pas bien de l’accessibilité (en) : https://css-tricks.com/why-dont-developers-take-accessibility-seriously/
• Mauvaise compréhension d’ARIA (en) : https://www.boia.org/blog/5-common-misconceptions-about-wai-aria-and-accessibility
  Stratégie de mise en accessibilité
• Faire de l’a11y au long court, durable en fait (en) : https://tetralogical.com/blog/2021/01/07/sustainable-accessibility/
• Intégrer l’a11y dans toute l’équipe, les bases (en) : https://austingil.com/making-accessibility-more-accessible/
• Super exemple de conception d’un composant d’interface accessible, une liste ré-arrangeable (en) : https://www.darins.page/articles/designing-a-reorderable-list-component
• Evolution de l’a11y, chiffres et constat (en) : https://techcrunch.com/2021/12/26/accessibility-awareness-is-on-the-rise-but-is-it-turning-into-action/
• Les coûts réels d‘un manque d’a11y (en) : https://www.joedolson.com/2022/01/the-real-added-costs-of-accessibility/
• Article sur qui est responsable de la mise en a11y et les conséquences (en) : https://ieeexplore.ieee.org/document/9681668

Tester l’accessibilité= #

• Des tests d’a11y que tout le monde peut faire, cool (en) : https://tetralogical.com/blog/2022/01/18/quick-accessibility-tests-anyone-can-do/
• Un outil capable d’aller plus loin que les webdrivers classiques pour les tests d’a11y, en particulier en ce qui concerne les lecteurs d’écran, à tester (en) : https://github.com/bocoup/aria-at-automation
• Test l’accessibilité avec le clavier, la base (en) : https://www.edeshseba.info/web-accessibility-and-keyboard-only-testing/
• Faire tester ses contenus par des déficients auditifs (en) : https://makeitfable.com/article/user-testing-deaf-hoh/
• Des tests basés sur WCAG, sympa (en) : https://thisiswcag.com/
• Déficience cognitive et tests d’a11y (en) : https://www.tpgi.com/introduction-to-cognitive-disability-and-accessibility-testing/

Points techniques en accessibilité #

• ARIA n’est pas toujours supporté, faut y penser (en) : https://www.a11yproject.com/posts/aria-has-perfect-support/
• Mieux gérer le focus avec CSS (en) : https://css-tricks.com/standardizing-focus-styles-with-css-custom-properties/
• Labels visibles et noms accessibles : https://www.tanaguru.com/labels-visibles-et-noms-accessibles/
• Un vanillia JS pour mettre un bouton pause dans les GIFs, super (en) : https://github.com/adamchaboryk/gifa11y
• Critère WCAG “2.2.2 pause, hide, stop” et prefers-reduced-motion, comment faire (en) : https://hiddedevries.nl/en/blog/2021-12-03-meeting-2-22-pause-stop-hide-with-prefers-reduced-motion
• Flash, animation et a11y, la base (en) : https://tetralogical.com/blog/2022/01/10/animations-and-flashing-content/
• Plein de petites astuces sur ce site, ici, cacher du contenu à tous les utilisateurs, chouette (en) : https://dev.to/carlosespada/a11y-tips-hide-elements-for-all-users-3f9m
• Tout ce qu’il faut savoir sur les titres de contenu et l’a11y, complet (en) : https://www.a11yproject.com/posts/how-to-accessible-heading-structure/
• DOM Accessible et chrome devtools (en) : https://developer.chrome.com/blog/full-accessibility-tree/
• Exemples de label de champ valide ou invalide WCAG intéressant (en) : https://www.tpgi.com/labeling-the-point-scenarios-of-label-misuse-in-wcag/?utm_source=swlinks-tw
• Différence entre les attributs booléens HTML et ARIA, tout est expliqué (ne) : https://hiddedevries.nl/en/blog/2022-01-12-boolean-attributes-in-html-and-aria-whats-the-difference

Appli mobile, web mobile #

• Appli mobile et accessibilité, les bases (en) : https://increment.com/mobile/best-practices-for-building-accessible-mobile-apps/
• Une série d’article sur les applis IOs et VoiceOver (en) : https://www.basbroek.nl/improving-voiceover
• mobile et a11y, 4 points à corriger (en) : https://mashable.com/article/mobile-apps-accessibility-fixes
• Développeurs mobiles, pourquoi faire de l‘a11y (en) : https://www.deque.com/blog/why-you-a-mobile-developer-should-care-about-accessibility/

Ergonomie, UI & UX #

• Plus de concepteurs formés à l’accessibilité, vidéo (en) : https://www.youtube.com/watch?v=dQVrfS74xyM
• Des recommandations a11y pour les designers, classique mais bien fait (en) : https://uxdesign.cc/accessibility-guidelines-for-a-ux-designer-c3ba775539be
• Un doc pdf sur conception et a11y (en) : https://accessibility.uxdesign.cc/
• Conception et design universel (en) : https://bootcamp.uxdesign.cc/universal-design-the-need-for-assistive-accessible-technology-63090b452cc1
• Modérer les tests utilisateurs de personnes en situation de handicap (en) : https://tetralogical.com/blog/2022/01/04/moderating-usability-testing-sessions-with-people-with-disabilities/

Ressources #

• Semantic HTML, la bible (en) : https://hiddedevries.nl/en/blog/2022-01-23-more-to-give-than-just-the-div-semantics-and-how-to-get-them-right
• CSS art et a11y (en) : https://alvaromontoro.com/blog/67979/creating-accessible-css-art
• Plusieurs vidéos sur la navigation web avec des aides techniques, instructif (en) : https://www.lireo.com/how-people-with-disabilities-browse-the-web-using-assistive-technologies-video-series/
• Pense- bête pour un dev web accessible (en) : https://dev.to/codegino/web-accessibility-cheat-sheet-3774
• Les alternatives aux images, la bases (en) : https://tetralogical.com/blog/2022/01/24/text-descriptions
• De meilleurs liens pour le web et le emails, SmashingMagazine donc du bon (en) : https://www.smashingmagazine.com/2021/12/designing-better-links-websites-emails-guideline/
• Site pour commencer le dev accessible et d’autres ressources (en) : https://convergeaccessibility.com/2021/12/21/first-steps-to-an-accessible-website-part-6/
• Naviguer au clavier dans les navigateurs sous MacOS, récap (en) : https://www.a11yproject.com/posts/macos-browser-keyboard-navigation/
• Faire des applis React accessibles, cours en vidéo, sympa (en) : https://egghead.io/courses/develop-accessible-web-apps-with-react
• Vidéo de e-learning sur l’accessibilité numérique et dans les outils Microsoft, bien fait (en) : https://docs.microsoft.com/fr-fr/learn/paths/accessibility-fundamentals/
• Contrôle à la voix pour les aveugles (en) : https://makeitfable.com/article/how-to-design-voice-controlled-smart-devices-for-blind-people/
• Rapide prise en main de NVDA pour test l’a11y : https://www.tanaguru.com/guide-et-raccourcis-nvda-pour-les-tests-daccessibilite/
• Premiers et aussi derniers de la classe en a11y, instructif (en) : https://www.tooltester.com/en/blog/accessible-websites/
• Data visualisation et a11y, une mine (en) : https://github.com/dataviza11y/resources

Autres #

• Les différentes alternatives aux emojis dans les lecteurs d’écran (en) : https://html5accessibility.com/stuff/2022/01/17/short-note-on-emoji-text-alternative-variations/
• Media Queries préférences, la base (en) : https://12daysofweb.dev/2021/preference-queries/
• Trouver des profils en a11y, à lire (en) : https://www.smashingmagazine.com/2022/01/how-hire-digital-accessibility-roles/