Veille accessibilité numérique Août – Septembre 2021

On sent que ça se rapproche et là, vous me dites... QUOI ??
Ben les WCAG 3, une petite explication de cette future recommandation (en) : https://w3c.github.io/silver/explainer/
Donc les WCAG 2.2, elles aussi, mécaniquement, s'approchent à grand pas, soyez prêt pour un saut, pas énorme mais quand même (en) : https://www.visionaustralia.org/services/digital-access/blog/the-new-requirements-for-wcag-2-2

Dernière minute : toutes les vidéos de l'événement accessibilité en ligne de septembre Inclusive Design 24 (en) https://www.youtube.com/hashtag/id24

Bonne lecture !

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

• Consultation publique « Réexamen des règles de l’UE relatives à l’accessibilité des sites internet et du contenu numérique pour les personnes handicapées » si vous avez un peu de temps (en) : https://ec.europa.eu/info/law/better-regulation/have-your-say/initiatives/12537-Accessible-web-&-digital-content-for-people-with-disabilities-review-of-EU-rules/public-consultation_fr
• WCAG 3, une nouvelle façon de d’évaluer en chiffre l’accessibilité (en) : https://www.boia.org/blog/wcag-3.0-may-introduce-new-rating-scale-for-accessibility
• Recommandations ARIA pour les nuls, épisode 2 (en) : https://www.deque.com/blog/aria-spec-for-the-uninitiated-part-2/
• Pour rappel l’épisode 1 (en) : https://www.deque.com/blog/aria-spec-for-the-uninitiated-part-1/

Retours d’expérience et accessibilité #

• 4 des plus fréquentes erreurs en ARIA, faut faire gaffe (en) : https://www.maxability.co.in/2021/08/22/4-aria-mistakes/
• Vidéo sur sémantique html et a11y en pratique (en) : https://www.youtube.com/watch?v=qSNUi7pRmWg
• Démarche d’audit d’accessibilité d’un site de bibliothèque, bien fait et plus générique que sous-entendu (en) : https://journals.publishing.umich.edu/weaveux/article/id/218/
• Encore des soucis entre CSS et lecteurs d’écran, à lire (en) : https://uselessdivs.com/blog/the-effect-of-css-on-screen-readers

Stratégie de mise en accessibilité #

• Le minimum syndical, à lire : https://blog.octo.com/accessibilite-faites-ce-minimum-pour-derisquer/
• Faire un audit lorsqu’on a déjà corrigé les erreurs d’a11y basiques et faciles, c’est mieux (en) : https://adactio.com/journal/18458
• Au-delà des WCAG (en) : https://hiddedevries.nl/en/blog/2021-09-08-subsets-and-supersets-of-wcag
• L’accessibilité est plus qu’un simple problème technique, 3 bonnes raisons (en) : https://ux.shopify.com/accessibility-is-more-than-a-technical-problem-ca6bb9dee8ce
• Les règles de bases pour un email accessible (en) : https://www.litmus.com/blog/ultimate-guide-accessible-emails/
• Les points de vigilance en accessibilité numérique pour les achats et acheteurs (en) : https://www.tpgi.com/accessibility-strategy-for-procurement/

Tester l’accessibilité #

• Dernière version du bookmarklet Text Spacing, mettre à jour (en) : https://cdpn.io/stevef/debug/YLMqbo
• Méthodologie de tests utilisateurs en a11y, chouette à lire (en) : https://ux.shopify.com/how-to-test-for-accessibility-with-users-at-every-design-stage-ec655fed7878
• Un outil spécifique de tests d’accessibilité et son utilisation, approche intéressante (en) : https://dataingovernment.blog.gov.uk/2021/02/16/how-we-created-a-reporting-tool-to-improve-the-accessibility-of-gov-uk/
• Tester l’a11y des iframes (en) : https://convergeaccessibility.com/2021/08/09/accessibility-testing-and-iframes/
• Auditer l’accessibilité d’un design, comment… bon pense-bête (en) : https://www.a11yproject.com/posts/2021-08-14-reviewing-a-design-for-accessibility/
• Cas de test HTML pour l’a11y et leur support par les AT Jaws, VoiceOver, NVDA, pratique (en) : https://russmaxdesign.github.io/accessible-forms/
• Tester avec un lecteur d’écran, ce qu’il faut savoir (en) : https://www.boia.org/blog/can-you-check-web-accessibility-by-downloading-a-screen-reader
• Tout sur les pièges clavier (en) : https://www.boia.org/blog/avoid-keyboard-traps-to-make-your-site-more-accessible
• Combiner Pa11y et axe, à voir (en) : http://www.craigabbott.co.uk/blog/combining-axe-core-and-pa11y

Points techniques en accessibilité #

• Sur l’importance de l’ordre de la prise de focus, un concept essentiel à comprendre (en) : https://devyarns.com/logical-focus-order/
• Tout sur les definition lists, dl (en) : https://benmyers.dev/blog/on-the-dl/
• Rendre accessible son authentification de site web (en) : https://www.boia.org/blog/is-your-sites-authentication-process-accessible
• Rendre une aide en ligne accessible (en) : https://www.boia.org/blog/make-sure-your-websites-help-resources-are-available-and-accessible
• Les contrôles cachés et WCAG 2.2, nouveauté (en) : https://www.boia.org/blog/wcag-2.2-introduces-new-requirements-for-hidden-controls
• Les entrés redondantes et leur impact sur l’a11y, WCAG 2.2 (en) : https://www.boia.org/blog/what-is-redundant-entry-and-how-does-it-affect-accessibility
• Drag-n-drop et a11y (en) : https://www.boia.org/blog/how-drag-and-drop-movements-affect-web-accessibility
• Live chat et a11y (en) : https://www.boia.org/blog/does-live-chat-make-a-site-less-accessible
• les propriétés CSS d’overflow pour du contenu accessible, simple et efficace (en) : https://convergeaccessibility.com/2021/09/07/using-css-3-overflow-properties-to-make-containers-meet-wcag-2-1/

Appli mobile #

• Faire des apps mobile a11y, synthèse (en) : https://increment.com/mobile/best-practices-for-building-accessible-mobile-apps/

Ergonomie, UI & UX #

• TAdER, on vous explique tout sur pourquoi le texte doit pouvoir s’adapter à l’utilisateur dans le numérique à lire (en) : http://www.tader.info/
• Designer pour des déficiences cognitives, bon résumé (en) : https://ux.shopify.com/designing-for-cognitive-disabilities-b2933d58c278
• Améliorer les personae utilisateurs (en) : https://www.uxbooth.com/articles/rethinking-user-personas/

Ressources #

• On manque d’études et donc de chiffres sur la handicap en France https://www.slate.fr/story/214940/tribune-france-retard-etudes-handicap-passage-modele-medical-social-changer-connaissances-pratiques-inclusion-enseignement-superieur-recherche
• Quel élément peut contenir quel élément en HTML, indispensable (en) : https://caninclude.glitch.me/
• Les ressources pour des tableaux accessibles (en) : https://www.digitala11y.com/resources-for-building-accessible-tables/
• Un module JS/npm pour avoir facilement les références à un critère WCAG, pratique (en) : https://www.npmjs.com/package/wcagify
• Ressource sous Github pour le sous-titrage des vidéo, bible : https://github.com/emma11y/sous-titres/
• List ds raccourcis et gestuelle pour les lecteurs d’écran, indispensable (en) : https://dequeuniversity.com/screenreaders/

Autres #

• Des idées reçues sur l’a11y balayées, classique mais bon à rappeler (en) : https://alvaromontoro.com/blog/67989/myths-about-web-accessibility#accessibility-is-for-people-with-disabilities
• Le métier d’expert a11y : https://access42.net/metier-conseil-expertise-accessibilite-numerique
• Une belle interview d’une UX/UI experte a11y : https://www.alsacreations.com/actu/lire/1833-Interview-des-gens-du-Web--Marie-Guillaumet.html
• Synthèses vocales où en est-on ? (en) : https://tink.uk/notes-on-synthetic-speech/