Veille accessibilité numérique Mars - Mai 2021

Pour la cent cinquantième fois au moins, dans cette veille, on vous dit et on vous prouve que les solutions de surcouches magiques d’accessibilité numérique ne marchent pas.

Voici une escalade dans cette sombre histoire, certains experts en accessibilité français bien connus (salut les zamis !) sont attaqués par une de ces sociétés aux discours souvent limite, FACIL’ITI. Les détails sur cette affaire :

• https://koena.net/koena-mise-en-demeure-par-faciliti/
• https://koena.net/2e-courrier-avocat-de-faciliti/
• Un communiqué de soutien du syndicat des tpme et indépendant du numérique à Koena : https://www.cinov-numerique.fr/motion-de-soutien-a-lentreprise-koena/

Aux US aussi, ces « solutions magiques » hérissent le poil de la communauté A11y, exemples :

• https://www.accessibyebye.org/
• https://www.vice.com/en/article/m7az74/people-with-disabilities-say-this-ai-tool-is-making-the-web-worse-for-them
• https://uxdesign.cc/the-single-biggest-threat-to-the-future-of-digital-accessibility-d5a9e411f33f

Le 20 mai, c’était le GAAD, Jour de sensibilisation global à l’accessibilité, plein de choses ont eu lieu, voici un truc qui me semble sympa, 10 petits films (moins d'une minute) sur l’A11y (en) : https://www.youtube.com/playlist?list=PLTqm2yVMMUKWTr9XWdW5hJ9tk512Ow0SE

Dernière minute : questionnaire WebAim n°9 sur les utilisateurs de lecteurs d’écrans, n’hésitez pas à répondre (même si vous n’êtes qu’utilisateur testeur ou occasionnel) (en) : https://webaim.org/projects/screenreadersurvey9/

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

• Explication des futurs nouveaux critères WCAG 2.2 en Français : https://access42.net/wcag-2-2-explication-des-nouveaux-criteres-proposes

• Les impacts des WCAG 2.2 (en) : https://makeitfable.com/article/wcag-2-2/

• Editor draft 5/05/2021 de Aria in HTML (en) : https://w3c.github.io/html-aria/

• Communication en temps réel et accessibilité au W3c (en) : https://www.w3.org/TR/raur/

• Ce qui est normatif ou pas Dans WCAG (en) : https://hiddedevries.nl/en/blog/2021-04-27-whats-normative-in-wcag

• Titre de rubrique et conformité WCAG (en) : https://www.tpgi.com/heading-off-confusion-when-do-headings-fail-wcag/

• Réflexion de fond sur l'amélioration des WCAG pour les rendre plus opérationnelles, à lire (en) : https://level-level.com/blog/we-need-to-talk-about-wcag/

Retours d’expérience et accessibilité #

• Smashing Magazine fait un retour d’expérience pas qu’avec de l’a11y dedans, intéressant (en) : https://www.smashingmagazine.com/2021/03/floating-labels-performance-lighthouse/

• Comment faire des menus déroulant de navigation accessibles, à lire (en) : https://css-tricks.com/in-praise-of-the-unambiguous-click-menu/

• Handicap temporaire et troubles vestibulaire, sympa (en) : https://alistapart.com/article/accessibility-for-vestibular/

• Mettre en place un bouton « afficher le mot de passe » (en) : https://technology.blog.gov.uk/2021/04/19/simple-things-are-complicated-making-a-show-password-option/

Stratégie de mise en accessibilité #

• Encore une démo pour montrer que le respect de la norme sans tests utilisateurs, eh bien, on a des trous dans la raquette, à lire (en) : https://www.smashingmagazine.com/2020/11/weaving-web-accessibility-usability/

• Utiliser les CSS récentes pour mieux faire de l’accessibilité, à lire (en) : https://moderncss.dev/modern-css-upgrades-to-improve-accessibility/

Tester l’accessibilité #

• Tests auto d’accessibilité dans React, chouette (en) : https://medium.com/czi-technology/automated-accessibility-testing-for-react-30c88cf892f4

• Les points qu’un audit automatique ne perçoit pas en PDF, à lire (en) https://www.microassist.com/digital-accessibility/pdf-accessibility-errors-automated-tools-miss/

• Une checklist accessibilité web et un outil de test (en) : https://webflow.com/accessibility/checklist

• Rappel les outil auto d’accessibilité ne font pas tout, faut savoir s’en servir (en) : https://chrisheilmann.medium.com/you-cant-automate-accessibility-testing-9f278ab6b7a

• Tester l’accessibilité, méthodologie à grande échelle (en) : https://www.smashingmagazine.com/2021/04/bake-layers-accessibility-testing-process/

• Mise à jour 2021 de l’étude Million de Webaim, les un million de sites web principaux testés automatiquement (en) : https://webaim.org/projects/million/lookup?homepage=orange.fr

• Un outil de tests automatiques d’accessibilité que je ne connaissais pas (en) : https://www.accessi.org/

• Axe linter une extension pour votre Visual Studio Code (en) : https://marketplace.visualstudio.com/items?itemName=deque-systems.vscode-axe-linter

Points techniques en accessibilité #

• Gros travail sur des entêtes de colonnes triables et accessible (en) : https://adrianroselli.com/2021/04/sortable-table-columns.html

• Bien comprendre le DOM accessible (accessible tree) la base (en) : https://blogs.intuit.com/blog/2021/01/12/why-the-accessibility-tree-is-key-to-understanding-accessible-applications/

• Rendre accessible pour les utilisateurs de lecteur d’écran et de reconnaissance vocale, point pas souvent abordé (en) : https://www.sarasoueidan.com/blog/accessible-text-labels/

• Point complet sur aria-hidden, à lire (en) : https://html5accessibility.com/stuff/2021/05/31/the-hidden-world-of-aria-hidden/

• L’attribut inert pour éviter la prise de focus, à lire (en) : https://css-tricks.com/focus-management-and-inert/

• Sémantique et ARIA, 2 articles de fond (en) :

  • https://www.filamentgroup.com/lab/practical-accessibility-1-semantics/
  • https://www.filamentgroup.com/lab/practical-accessibility-2-names/

• Bouton toggle accessibles, pour tout savoir (en) : https://kittygiraudel.com/2021/04/05/an-accessible-toggle/

• Titre de page et React, comment bien faire (en) : https://dev.to/steady5063/accessible-titles-in-react-210j

• Indicateur de Focus et accessibilité (en) : https://craftcms.com/accessibility/designing-custom-focus-indicators

• Anticiper les évolutions de WCAG (en) : https://medium.com/intuit-design/designing-for-the-wcag-future-15e3435459a7

• Différence entre aria-disabled et disabled (en) : https://html5accessibility.com/stuff/2021/03/15/re-upped-short-note-on-the-disabled-aria-disabled-attributes/

Appli mobile #

• Introduction à l’a11y des apps mobile :la bas (en) : https://www.shopify.com/partners/blog/mobile-accessibility

• Accessibilité et React Native, tout savoir (en) : https://medium.com/adapptor/accessibility-and-react-native-from-0-to-100-abde4cbaf56b

Ergonomie, UI & UX #

• Article complet sur les design systems bien ou pas bien : https://www.usabilis.com/design-patterns-pour-la-composition-interfaces/

• Super article de fond sur la typographie accessible (en) : https://cariefisher.com/a11y-content/

• Un peu la suite du précédent, la lisibilité et l’accessibilité (en) : https://medium.com/the-readability-group/typographic-accessibility-in-more-detail-4a11a0ef1cc2

• Conception pour les troubles du spectre autistique (en) : https://uxdesign.cc/inclusive-design-guide-7-principles-of-designing-for-the-autistic-community-1e6dcd4bae85

Ressources #

• Tutoriel sur l’accessibilité technique, à tester (en) : https://teachaccess.github.io/tutorial/

• Quelques bons conseils a11y pour les devs (en) : https://www.hassellinclusion.com/blog/elearning-accessibility-poster/

• Accessibilité des newsletters (en) : https://mn.gov/mnit/media/blog/?id=38-472949

• La richesse des docs au W3c en matière d’accessibilité par thématiques, chouette (en) : https://www.lireo.com/helpful-accessibility-resources-from-the-web-accessibility-initiative/

• Premier pas pour un site web accessible, pédagogique (en) : https://convergeaccessibility.com/blog/

• Questions/réponses d’experts sur le dev accessible intéressant (en) : https://knowbility.org/blog/2021/developer-techniques-for-screen-reader-accessibility

• Poster accessibilité et e-learning, cool (en) : https://www.hassellinclusion.com/blog/elearning-accessibility-poster/

Autres #

• Sous-titres en direct (live) dans chrome pour l’audio et la vidéo (en) : https://blog.google/products/chrome/live-caption-chrome/

• Des conférences sur l’a11y, plein de sujets, à voir (en) : https://a11ytalks.com/

• Mythes d’accessibilité démystifiés (en) : https://ux.shopify.com/accessibility-is-more-than-a-technical-problem-ca6bb9dee8ce