Veille accessibilité numérique Juin – Juillet 2021
Thématiques associées :https://w3c.github.io/silver/explainer/
https://www.visionaustralia.org/services/digital-access/blog/the-new-requirements-for-wcag-2-2
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 : 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 CS et lecteurs d’écran, à lire (en) : https://uselessdivs.com/blog/the-effect-of-css-on-screen-readers
Stratégie de mise en accessibilité -
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
Ergonomie, UI & UX
- TAdER — Text Adaptability is Essential for Reading, 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 eston ? (en) : https://tink.uk/notes-on-synthetic-speech/