Veille accessibilité numérique Juin-Juillet 2023

Deux mois riches au niveau des recommandations. D'abord une mise à jour du working draft WCAG 3.0, https://www.w3.org/TR/wcag-3.0/ et quelques éclaircissements, https://www.w3.org/WAI/standards-guidelines/wcag/wcag3-intro/. Puis, le passage en candidate recommandation de WCAG 2.2, https://www.w3.org/TR/WCAG22/ et quelques explications des nouveautés de cette version (finale ?) https://www.w3.org/WAI/standards-guidelines/wcag/new-in-22/. Et pour finir, la sortie officielle de la recommandation ARIA 1.2, https://lists.w3.org/Archives/Public/public-wai-announce/2023AprJun/0005.html.
L'association Aveugles de France a lancé un observatoire de l'a11y, plus de 2000 sites rangés en plusieurs thématiques. Enfin, en résumé c'est pas brillant mais à suivre, https://observatoire-access-num.aveuglesdefrance.org/ !
Une autre initiative, une charte d'engagement pour les audits de conformité RGAA mise en place et soutenue par le CNCPH (Conseil national consultatif des personnes handicapées), https://cncph.fr/charte-rgaa/.

L'accessibilité dans les lois et les normes #

• Comprendre le nouveau draft WCAG 3.0 (en) : https://www.linkedin.com/pulse/understanding-wcag-3-working-draft-update-bradley-montgomery-ph-d-/
• Réflexion sur WCAG 3.0 (en) : https://yatil.net/blog/do-we-need-wcag-3-now
• Différence entre EN 301549 et RGAA 4 : https://access42.net/norme-en-301-549-rgaa-4-differences-exigences-techniques-conformite/
• E-commerce et European accessibility Act : https://www.linkedin.com/pulse/e-commerce-et-accessibilité-numérique-ce-que-prévoit-la-directive/
• L'évolution de WCAG, un peu d'histoire (en) : https://digita11y.amnet.com/blog/evolution-wcag-roadmap-to-achieving-digital-accessibility

Retours d’expérience et accessibilité #

• Un témoignage sur la mal-voyance, intéressant : https://ideance.net/blog/771/accessibilite-numerique-rex-brice-kaptur/
• Un exemple de description longue d'une image complexe, à lire : https://koena.net/infographie-accessible-les-12-discours-retardant-laction-climatique/

Stratégie de mise en accessibilité #

• Changer sa façon d'intervenir en a11y (en) : https://karlgroves.com/accessibility-consulting-is-broken/
• Il n'y a pas d'utilisateur "normal" (en) : https://karlgroves.com/theres-no-such-thing-as-a-normal-user/
• L'a11y n'est pas une niche (en) : https://access-ability.uk/2023/07/07/debunking-the-myth-that-accessibility-is-a-niche/
• EDF prend une position claire sur les surcouches d'a11y, ce n'est pas de l'accessibilité (en) : https://www.edf-feph.org/accessibility-overlays-dont-guarantee-compliance-with-european-legislation/
• Conseils de base pour un front web a11y (en) : https://netzartist.de/blog/guardrails-for-better-accessibility-support-in-frontend/

Tester l’accessibilité #

• La restitution dans les lecteurs d'écran de l'éléments blockquote (en) : https://adrianroselli.com/2023/07/blockquotes-in-screen-readers.html
• Un outil d'aide à l'audit d'accessibilité, une va11ydette mais plus encore, à tester (en) : https://www.ta11y.org
• 6 tests pour l'a11y web de vos formulaires (en) : https://karlgroves.com/6-quick-tests-you-can-do-to-test-your-forms-for-accessibility/
• Un processus d'audit a11y explicité, intéressant de voir comment les autres font (en) : https://www.maxability.co.in/2023/06/03/accessibility-audit-process/
• Rester accessible et éviter la régression, les conseils (en) : https://www.accessarmada.com/blog/combat-accessibility-decay-how-to-maintain-ongoing-accessibility/

Points techniques en accessibilité #

• ARIA, la base (en) : https://blog.pope.tech/2022/07/12/what-you-need-to-know-about-aria-and-how-to-fix-common-mistakes/#pitfall
• ComboBox a11y, les dernières évolutions (en) : https://adrianroselli.com/2023/06/under-engineered-comboboxen.html et aussi https://www.webaxe.org/datalist-over-aria-combobox/
• Bien faire de l'ARIA et tester (en) : https://blog.pope.tech/2023/07/03/aria-can-hurt-or-help-web-accessibility-how-to-review-your-websites-aria
• Pour un fil d'Ariane accessible (en) : https://www.linkedin.com/pulse/accessible-components-breadcrumb-navigation-roc%25C3%25ADo-alvarado/
• Un composant treeview web a11y (en) : https://blog.pope.tech/2023/07/06/create-an-accessible-tree-view-widget-using-aria/
• Un point sur role="text" (en) : https://www.tpgi.com/using-the-text-role/
• Aria-haspopup, tour d'horizon et support (en) : https://html5accessibility.com/stuff/2023/06/20/aria-haspopup-less-is-more/
• Problème avec les fieldset imbriqués (en) : https://adamsilver.io/blog/the-problem-with-nested-fieldsets-and-how-to-avoid-them/
• Critère WCAG timeout dans une modale et ses nuances (en) : https://www.digitala11y.com/addressing-timeout-modals-navigating-the-nuances-for-inclusive-web-design/
• Dialog et popover, où en est-on en HTML (en) : https://talks.hiddedevries.nl/G9mATs/slides
• Bien utiliser la class CSS visually-hidden (en) : https://blog.logrocket.com/design-accessibility-css-visually-hidden-class/

Retour d'expérience #

• Interview de S. Walter design et a11y : https://accessibilite.public.lu/fr/news/2023-07-10-interview-stephanie-walter.html
• Conseils d'un évaluateur a11y chez WebAim (en) : https://webaim.org/blog/top-evaluation-tips/
• Les mythes sur les composants HTML interactifs (en) : https://www.barrierbreak.com/busting-myths-separating-fact-from-fiction-in-accessible-interactive-elements/

Aides techniques #

• Histoire des API d'accessibilité, 3 parties, à lire (en) : part 1, https://knowbility.org/blog/2023/accessibility-apis-part-1, part 2, https://knowbility.org/blog/2023/accessibility-apis-part-2, part 3, https://knowbility.org/blog/2023/accessibility-apis-part-3
• Support de l'élément HTML article dans les lecteurs d'écran (en) : https://www.matuzo.at/blog/2023/article-screen-readers/
• Support des role ARIA form et search dans les lecteurs d'écran (en) : https://www.matuzo.at/blog/2023/form-and-search-landmark/

Appli mobile, web mobile #

• Rendre votre appli Android a11y : https://developer.android.com/courses/pathways/make-your-android-app-accessible
• Les problèmes d'access aux mobiles pour les utilisateurs de lecteur d'écran (en) : https://www.nngroup.com/articles/screen-reader-users-on-mobile/
• Dev et a11y pour les apps Android (en) : https://proandroiddev.com/how-to-provide-mobile-accessibility-in-your-native-android-app-guide-part-1-257a5b68097
• Améliorer l'a11y dans apps Android avec les modifieurs Jetpack (en) : https://proandroiddev.com/improving-android-accessibility-with-modifiers-in-jetpack-compose-5a34b82c8ddc

Ergonomie, UI & UX #

• Un plugin d'a11y, Axe dans Figma, à tester (en) : https://www.deque.com/axe/design-beta/
• Annoter les maquettes pour les lecteurs d'écran (en) : https://bbc.github.io/accessibility-news-and-you/guides/screen-reader-ux.html
• Encore sur les annotations d'a11y, pratique (en) : https://adhoc.team/2023/06/28/become-an-accessibility-champion-by-using-simple-mockup-annotations/
• Comment choisir une typo plus a11y (en) : https://www.linkedin.com/pulse/guide-understanding-what-makes-typeface-accessible-ford-williams/

Ressources #

• Introduction à l'a11y pour les déficiences cognitives (en) : https://www.deque.com/blog/an-introductory-guide-to-understanding-cognitive-disabilities/
• Un style guide a11y to prêt, y'a plus qu'à utiliser, pratique (en) : https://a11y-style-guide.com/style-guide/
• Des articles d'a11y chaque semaine (en) : https://theadminbar.com/accessibility-weekly/
• PDF a11y (en) : part 1 https://mn.gov/mnit/media/blog/#/detail/appId/1/id/577889 et part 2 https://mn.gov/mnit/media/blog/?id=38-582030
• WCAG, évolutions et avenir (en) : https://digita11y.amnet.com/blog/evolution-wcag-roadmap-to-achieving-digital-accessibility
• Video sur une étude utilisateurs sur la VR et l'a11y, chouette (en) : https://equalentry.com/accessibility-virtual-reality-user-studies-with-children-and-seniors-presentation/
• Un style guide pour la dyslexie (en) : https://www.bdadyslexia.org.uk/advice/employers/creating-a-dyslexia-friendly-workplace/dyslexia-friendly-style-guide
• Rendre les nombres a11y (en) : https://www.tpgi.com/making-numbers-in-web-content-accessible/

Autres #

• Retours sur un examen d'a11y de l'IAAP, le fameux CPACC : https://www.temesis.com/blog/retour-sur-lexamen-cpacc-de-l-iaap/
• Une extension Chrome pour bloquer les surcouches d'a11y (en) : https://www.accessibyebye.org/