Veille accessibilité numérique Avril-Mai 2024

Tout d'abord, je vous encourage à saisir l'ARCOM si vous trouvez des sites pas accessibles ne respectant pas la loi : https://www.temesis.com/blog/saisir-larcom-concernant-laccessibilite-dun-site-est-ce-efficace/, car plus on sera nombreux plus cela aura du poids !
Ensuite, sortie d'un draft de WCaG 3.0, c'est toujours attendu et scruté (en) : https://www.w3.org/WAI/standards-guidelines/wcag/wcag3-intro/ *
Voici quelques réactions (en) :

• https://www.deque.com/blog/w3c-unveils-174-new-outcomes-for-wcag-3-0/
• https://cerovac.com/a11y/2024/05/perfect-timing-for-new-wcag-3-guideline-considerations/
• https://www.w3.org/blog/2024/the-wcag-3-working-draft-update-is-ready-for-your-review/

N'oublions pas que le 16 mai, c'était le GAAD (Global Accessibility Awareness Day), tout est là (en) : https://accessibility.day/
Mais même après 25 ans de la sortie des WCAG 1.0 ben (en) : https://cerovac.com/a11y/2024/05/wcag-after-quarter-of-a-century-we-still-need-more-awareness/
bonne& lecture !

L'accessibilité dans les lois et les normes #

• Tout sur le critère WCAG 2.2 2.4.11 Focus not obscured (minimum) (en) : https://www.r.com/how-to-test-2-4-11-focus-not-obscured-minimum/
• EAA European Accessibility Act, qu'est-ce ? (en) : https://www.deque.com/blog/european-accessibility-act-eaa-intro/
• Exemples et solution pour le critère 2.5.7 Dragging movements, utile (en) : https://sparkbox.com/foundry/understanding_implementing_wcag_dragging_movements_accessibility
• Des détails sur la EN 301549 (en) : https://www.deque.com/blog/301549-improve-accessibility/

Retours d’expérience et accessibilité #

• Les sites de banques, sécurité et a11y (en) : https://www.nicchan.me/blog/when-security-and-accessibility-clash/
• AI et génération de code accessible, wep mais vérifier le résultat (en) : https://tetralogical.com/blog/2024/02/12/can-generative-ai-help-write-accessible-code/
• Les surcouches d'accessibilité dopées à l'IA sont loin d'être une solution miracle (en) : https://archive.is/2024.04.07-041851/https://www.ft.com/content/3c877c55-b698-43da-a222-8ae183f53078#selection-1575.126-1580.0
• L'a11y combien ça coute pour l'administration au Luxembourg, à lire : https://accessibilite.public.lu/fr/news/2024-05-14-memoire.html
• REX sur la mise en place d'une app native d'identité de marque, joli (en) : https://accessibility.blog.gov.uk/2024/04/04/gov-uk-id-check-app-building-an-accessible-digital-identity-app/
• Github améliore son a11y, petit à petit (en) : https://github.blog/2024-05-07-how-were-building-more-inclusive-and-accessible-components-at-github/
• Quick-wins a11y pour les devs (en) : https://www.tpgi.com/quick-and-dirty-accessibility/

Stratégie de mise en accessibilité #

• L'IA dans les outils web d'accessibilité (en) : https://www.tpgi.com/what-ai-can-do-for-and-to-existing-web-accessibility-tools/
• Les caractères Unicode exotiques pour du faux gras oùu italique : https://access42.net/caracteres-unicode-reseaux-sociaux-accessibilite/
• Les mythes sur l'a11y des dark modes (en) : https://stephaniewalter.design/blog/dark-mode-accessibility-myth-debunked/
• Les étapes clés pour créer une culture d'entreprise inclusive (en) : https://tetralogical.com/blog/2024/04/19/building-a-culture-of-accessibility/

Tester l’accessibilité #

• Un dashboard a11y de tests basé sur axe-core, sympa : https://www.temesis.com/blog/dashboard-des-tests-automatises-daccessibilite/
• Tester l'a11y pour les créateurs de contenu (en) : https://blog.pope.tech/2024/04/01/a-complete-guide-for-content-creators-to-start-making-accessible-content/
• Faire des tests utilisateurs a11y quand l'environnement ne l'est pas (en) : https://www.smashingmagazine.com/2024/04/conducting-accessibility-research-inaccessible-ecosystem/
• Présentations des vantages/inconvénients de quelques emblématiques outils et méthodes de tests d'a11y (en) : https://mn.gov/mnit/media/blog/?id=38-621624
• MàJ des "easy checks" du W3c (en) : https://www.w3.org/WAI/test-evaluate/easy-checks/
• Conférence sur les solutions automatisées opensource (en) : https://www.youtube.com/watch?v=l-13Ic75zts
• On l'a déjà dit mais les tests auto faut faire attention (en) : https://cerovac.com/a11y/2024/04/beware-automatic-tools-over-report-accessibility-issues-and-steal-your-time/
• Série de 3 articles sur choisir et utiliser une bibliothèque de tests auto (en) : https://dev.to/steady5063/choosing-your-accessibility-ui-testing-library-1o09

Points techniques en accessibilité #

• Tout sur l'aria-label, un indispensable (en) : https://html5accessibility.com/stuff/2024/05/22/not-so-short-note-on-aria-label-usage-big-table-edition/
• Quand utiliser tabindex="0" ? (en) : https://tetralogical.com/blog/2024/04/04/when-to-use-tabindex-0/
• L'attribut popover, une biblio ay dedans : https://web.dev/blog/popover-api?hl=fr
• Squarespace et a11y, où en est-onf ? (en) : https://theamycarney.com/2024/04/02/observations-on-squarespace-accessibility/
• Aria-level, où en est-on ? (en) : https://adrianroselli.com/2024/05/level-setting-heading-levels.html
• Aria mal fait, a11y toute pétée (en) : https://marcus.io/blog/best-intention-barriers-aria
• Pourquoi WCAG 1.4.4 text resize est important (en) : https://scribe.rip/airbnb-engineering/rethinking-text-resizing-on-web-1047b12d2881
• Comment traiter une alternative textuelle longue ? En faisant court (en) : https://adrianroselli.com/2024/04/long-alt.html
• Améliorer pas petits ajustements l'a11y (en) : https://brucelawson.co.uk/2024/drive-by-accessibility-tweaks/
• Le s liens d'évitement, c'est bien (surtout quand ils sont visibles) (en) : https://cerovac.com/a11y/2024/04/wcag-bypass-blocks-skip-to-content-improve-user-interaction-speed-and-even-prevent-pain/
• Le swipe une gestuelle basée sur un cheminement, ça depend du contexte sur(en) : https://www.tpgi.com/is-swiping-a-path-based-gesture/
• Liens et boutons avec image, attention aux commandes vocales, à lire (en) : https://www.tempertemper.net/blog/images-as-the-first-thing-in-a-button-or-link

Aides techniques #

• Les régions Live, comment ça marche ou pas (en) : https://tetralogical.com/blog/2024/05/01/why-are-my-live-regions-not-working/
• Bien utiliser role="alert", à lire (en) : https://scribe.rip/@askParamSingh/understanding-the-role-of-aria-role-alert-best-practices-and-common-issues-5edefa2d016c
• Live régions et lecteurs d'écran, bien faire : https://access42.net/live-regions-aria-restitution-lecteurs-ecran/
• Images décoratives et reconnaissance d'image des ia génératives, le problème (en) : https://html5accessibility.com/stuff/2024/05/27/alt-left/

Appli mobile, web mobile #

• Evinced propose son propre référentiel d'accessibilité mobile basé sur les WCAG 2.2, ça s'appelle les MCAG et c'est vraiment pas mal (et en opensource !) (en) : https://getevinced.github.io/mcag/
• Match "Rideau d'écran" d'iOS vs "Écran masqué" sur Android, iOS vainqueur (en) : https://www.youtube.com/shorts/Yjn1swLOStU
• [iOS ] Démonstration d'utilisation de la plage braille native sur iPhone/iPad (en) : https://www.youtube.com/watch?v=WFjDI3yRCxs
• [Android ] Amis développeurs, la dernière version d'Android Studio Koala embarque des raccourcis d'accessibilité pour faciliter vos tests en phase de développement : thème sombre, taille de police, taille de l'écran, langue de l'application et TalkBack (en) : https://developer.android.com/studio/preview/features?hl=fr
• [Android ] Après la super appli pour apprendre à développer accessible en swiftUI sur iOS (en) : https://apps.apple.com/us/app/swiftui-accessibility-techs/id6474141089, voici la version Android pour les interfaces en Jetpack Compose (en) : https://github.com/cvs-health/android-compose-accessibility-techniques
• La fondation Appt vient de publier un manuel de bonnes pratiques pour l'accessibilité sur mobiles - à consulter sans attendre! (en) : https://appt.org/en/handbook

Ergonomie, UI & UX #

• Sensibilisation à l'a11y pour le ux/ui : https://www.usabilis.com/accessibilite-numerique/
• Neurodiversité et UX - ressources essentielles pour l'accessibilité cognitive (en) : https://stephaniewalter.design/blog/neurodiversity-and-ux-essential-resources-for-cognitive-accessibility/
• tests utilisateur combien ? très informatif (en) : https://makeitfable.com/article/fable-webinar-recap-scoping-your-accessibility-research-study/

Ressources #

• Sous-titrer avec Youtube, le tutoriel (en) : https://blog.pope.tech/2024/05/24/a-complete-guide-for-adding-captions-to-youtube-videos/
• Rendre a11y un PDF avec Acrobat, complet (en) : https://blog.pope.tech/2024/04/25/how-to-check-and-fix-pdf-accessibility-issues/
• 16 lessons d'a11y pour le GAAD, essentiel (en) : https://www.semanticfish.com/gaad-2024/lessons
• Podcasts a11y pour le GAA, sympa : https://ideance.net/blog/2117/podcasts-accessibilite-numerique-gaad/
• Bien décrire une image, bien fait (en) : https://cloudfour.com/thinks/write-alt-text-like-youre-talking-to-a-friend/

Autres #

• Contrast-color propriété CSS expliquée mais que fait le navigateur (en) : https://ericwbailey.website/published/contrast-color-is-a-good-thing-but-also-solving-the-problem-at-the-wrong-layer/
• 9 signes qui ne trompent pas sur la qualité de votre front (avec de l'a11y dedans, plein) (en) : https://angelika.me/2024/04/13/9-signs-your-frontend-code-has-quality-issues/
• Un article très détaillé sur les différentes manières de rendre des images responsives (en) : https://danburzo.ro/responsive-images-html/
• Améliorer l'accessibilité grâce à l'exploitation des LLM (Large Language Models), par Sheri Byrne-Haber (en) : https://www.youtube.com/watch?v=5wdNcy7yPCc
• Les WCAG, c'est comme une route, une ligne blanche à suivre et des rails de sécurité pour ne pas se planter (en) :https://yatil.net/blog/wcag-2-guidelines-and-guardrails
• Plain language guide (en) : https://evolvingweb.com/blog/plain-language-guide-how-write-inclusive-digital-content-2024