Veille accessibilité numérique Février-Mars 2022

Quelques infos qui m’ont paru importantes !
L’accessibilité des sites publics est inscrite comme obligation dans la loi depuis 2012, encore un combat qui n’avance pas depuis bien trop longtemps, encore des droits des personnes en situation de handicap bafoués par l’administration. Cependant, l’état a beaucoup communiqué sur le chiffre de 40% de démarches dématérialisées accessibles, la réalité est très éloignée de ça : https://cncph.fr/chiffres-web-public/.
Encore un exemple de non-respect des droits fondamentaux des personnes en situation de handicap, la campagne présidentielle, où les sites et la campagne des candidats sont loin d’être accessibles :

• https://certam-avh.com/fr/dossiers-thematiques/accessibilite-numerique-la-grande-oubliee-de-la-campagne-presidentielle-2022
• https://www.temesis.com/blog/accessibilite-classement-des-sites-des-candidats-a-la-presidentielle-2022/
  Ce mois-ci aussi, le retour de l’étude one million de WebAim update 2022(en) : https://webaim.org/blog/webaim-million-2022/
  Et enfin, la sortie dans notre site de dans notre site de recommandations de 5 personae pour améliorer l’A11y : https://a11y-guidelines.orange.com/fr/persona/

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

• L’EU et les premiers rapports d’accessibilité numérique des différents pays membres(en) : https://www.deque.com/blog/eu-runs-worlds-largest-accessibility-test/
• Enfin, une position de l’IAAP (l’assos internationale des pros de l’a11y) sur les surcouches d’a11y (en) : https://www.accessibilityassociation.org/s/overlay-position-and-recommendations
• Brève introduction à WCAG3.0 (en) : https://faisalonline.com/the-future-of-web-accessibility-wcag-3-0.html

Retours d’expérience et accessibilité #

• Aria-owns n’est pas robuste (en)d : https://html5accessibility.com/stuff/2022/02/28/not-so-short-note-on-being-owned/
• Tout comme aria-describedby, support peu robuste également (en) : https://adrianroselli.com/2022/04/accessible-description-exposure.html
• Retour d’ex sur la prise en compte précoce de l’A11y au niveau de l’état du Minnesota (en) : https://mn.gov/mnit/about-mnit/accessibility/news/?id=38-522146
• Améliorer le focus pour un design system, joli (en) : https://adhoc.team/2022/02/08/creating-focus-style-for-themable-design-system/
• La position des entêtes dans les tableaux html et a11y (en) : https://adrianroselli.com/2022/02/column-headers-and-browser-support.html
• Rendre obligatoire et invalide des radio-boutons d’un fieldset, support (en) : https://adrianroselli.com/2022/02/support-for-marking-radio-buttons-required-invalid.html

Stratégie de mise en accessibilité #

• ABSOLUMENT ultime, critères d’acceptance a11y pour composants web et appli native (en) : https://www.magentaa11y.com/
• Bien utiliser les rôles aria pour satisfaire WCAG 4.1.2 role, name, value (en) : https://ericwbailey.design/writing/it-needs-to-map-back-to-a-role/
• Bonnes pratiques d’A11y lors de la contractualisation (en) : https://github.com/mgifford/a11y-contracting#accessibility-contracting-best-practices
• Le livre sur la stratégie de mise en a11y (en) : https://www.thebookonaccessibility.com/
• Débuter l’a11y quand on est dev, la base (en) : https://www.makeuseof.com/what-every-programmer-should-know-about-digital-accessibility/
• Comparaison des principaux cadriciel JS (en) : https://dev.to/steady5063/accessibility-in-javascript-frameworks-part-2-comparing-each-framework-41ch
• L’a11y et les déficiences motrices de la dextérité fine (en) : https://theweco.com/accessibility-limited-fine-motor/
• Déficience cognitive et mouvement (en) : https://www.tpgi.com/the-impact-of-motion-animation-on-cognitive-disability/

Tester l’accessibilité #

• Test avec une reconnaissance vocale l’A11y, à lire (en) : https://www.tpgi.com/testing-with-speech-recognition/
• Introduction aux ACT Rules du W3c (en) : https://www.boia.org/blog/understanding-the-w3cs-accessibility-conformance-testing-act-requirements
• A11y, tester dans Github avec des Actions (en) : https://www.adrianbolonio.com/en/accessibility-github-actions/
• Méthode de surveillance par des tests d’a11y chez gov.uk, intéressant (en) : https://www.gov.uk/guidance/accessibility-monitoring-how-we-test
• Utiliser le Dom accessible (accessible tree) pour tester (en) : https://giovanicamara.com/blog/how-to-use-the-accessibility-tree-for-a11y-testing/
• Chouette, stratégie de tests a11y en CD/CI (en) : https://blog-testproject-io.cdn.ampproject.org/c/s/blog.testproject.io/2022/02/07/accessibility-testing-best-practices-in-ci-cd/?amp=1
• Peut on tester l’a11y sans lecteur d’écran (en) : https://www.digitala11y.com/do-we-need-screen-reader-for-accessibility-testing/
• Quelques infos sur les possibilités d’automatisation de l’a11y et sur les o$utils (en) : https://a11y-automation.dev/
• Tests simples pour améliorer l’a11y (en) : https://www.boia.org/blog/4-simple-ways-to-improve-web-accessibility
• Documenter les erreurs d’a11y part 1 et 2, à lire (en) : https://convergeaccessibility.com/2022/01/24/how-to-document-accessibility-issues-part-1/ et https://convergeaccessibility.com/2022/03/28/how-to-document-accessibility-issues-part-2/

Points techniques en accessibilité #

• Un module de recherche dynamique accessible, bel exemple (en) : https://www.scottohara.me/blog/2022/02/05/dynamic-results.html
• Tout sur les alternatives aux images dans Twitter (en) : https://twitter.com/TwitterA11y/status/1501603777006260226
• 3 conseils pour rendre a11y vos contenus dynamiquement générés (en) : https://www.boia.org/blog/dynamically-generated-content-and-accessibility-3-quick-tips
• Landmarks, un tour d’horizon (en) : https://tetralogical.com/blog/2022/03/18/landmarks/
• aria-labelledby tous les détails de cet attribut magique € : https://html5accessibility.com/stuff/2022/04/03/aria-labelledby-usage-notes/
• Super article sur <div> et a11y, à lire (en) : https://www.scottohara.me/blog/2022/01/20/divisive.html
• La sémantique HTML (en) : https://gomakethings.com/html-semantics/
• Utiliser les régions live ARIA (en) : https://www.scottohara.me/blog/2022/02/05/are-we-live.html
• Le contraste de couleur et a11y, la base (en) : https://tetralogical.com/blog/2022/02/04/colour-contrast
• Informations convoyées par la couleur, la base (en) : https://tetralogical.com/blog/2022/02/15/colour-meaning/
• Limites de temps, la base (en) : https://tetralogical.com/blog/2022/03/07/session-timeouts/
• Le&s titres de rubriques&, la basée (en) : https://tetralogical.com/blog/2022/02/28/headings/
• Tableau et a11y, les basiques (en) : d https://www.theguardian.com/info/2022/feb/22/turning-the-tables-on-accessibility
• Un autre top 10 des erreurs d’a11y (en) : https://www.tpgi.com/ten-common-web-accessibility-issues/
• Quick wins a11y (en) : https://css-tricks.com/5-accessibility-quick-wins-you-can-implement-today/

Appli mobile, web mobile #

• Les applis natives accessibles ADA et donc WCAG2.1, un livre blanc (en) : https://info.usablenet.com/inclusive-ada-ux-mobile-app-accessibility-principles-wcag2.1
• Tests d’a11y mobile avec VoiceOver (en) : https://www.boia.org/blog/how-apple-voiceover-is-used-for-mobile-accessibility-testing
• Construire des mobile apps accessibles (en) : https://increment.com/mobile/best-practices-for-building-accessible-mobile-apps/

Ergonomie, UI & UX #

• Un guide sur l’accessibilité pour les designers, chouette, à lire ABSOLUMENT (en) : https://stephaniewalter.design/blog/a-designers-guide-to-documenting-accessibility-user-interactions/
• Différence entre inclusive design et accessibility design, à lire (en) : https://www.boia.org/blog/inclusive-design-vs.-accessible-design-understanding-the-differences
• Utiliser le kit A11y annotation de Figma pour faire de l’a11y en design (en) : https://medium.com/designing-atlassian/create-accessible-designs-using-the-figma-a11y-annotation-kit-35371f00dac5
• Documenter le design system (en) : https://www.youtube.com/watch?v=bpDF3ShKYZQ
• Utiliser le bon vocabulaire quand on fait du user testing (en) : https://axesslab.com/testing-a-scary-word/
• La lisibilité des polices , les bases(en) : https://business.scope.org.uk/article/font-accessibility-and-readability-the-basics/

Ressources #

• Liste des ressources à la suite du CSUN2022, la conférence d’a11y qui fait référence (en) : https://docs.google.com/spreadsheets/d/1Tgmba0L6Z0BkHu9Hb3jlZ3IweguAdrja649rzk8X_Dk/
• Bonnes pratiques d’a11y pour les déficients en motricité fine (en) : https://theweco.com/accessibility-limited-fine-motor/
• Des personae en situation de handicap numérique (en) : https://www.lexdis.org.uk/2022/04/personas/
• Vidéos sur les aides techniques et la navigation internet (en) : https://www.youtube.com/playlist?list=PLTqm2yVMMUKVxQ6eYth4_vvbM3IcrSPlk
• Un autre article sur les surcouches d’a11y : https://oclock.io/blog/5820/les-outils-de-surcouche-daccessibilite-cest-quoi
• Encore quelques mythes en a11y (en) : https://alvaromontoro.com/blog/67989/myths-about-web-accessibility
• Choisir son LMS avec de l’a11y dedans : https://docs.google.com/document/d/1ziqgBvu2WBG99uaUEuckqFpxMxvvtSw0/edit
• La preuve que les surcouches d’a11y sont sur la sellette (en) : https://adrianroselli.com/2022/03/overlays-underwhelm-a11y-nyc.html
• Et hop, un headshot pour Facil’iti (en) : https://adrianroselli.com/2022/03/faciliti-will-get-you-sued.html

Autres #

• Génial ! jouer à corriger votre code pour le rendre accessible (en) : https://a11yphant.com/
• Juste sympa (en) : https://daverupert.com/2022/04/what-if-everything-got-better/