-
Notifications
You must be signed in to change notification settings - Fork 19
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
veille juin juillet On branch veille (#449)
Changes to be committed: new file: src/en/articles/watch-june-july-2023.md new file: src/fr/articles/veille-juin-juillet-2023.md
- Loading branch information
Showing
2 changed files
with
195 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,97 @@ | ||
| --- | ||
| title: "#a11y technical watch, June-July 2023" | ||
| abstract: "#a11y anthology, June-July 2023" | ||
| date: "2023-08-05" | ||
| tags: | ||
| - veille | ||
| --- | ||
| # Digital accessibility watch June-July 2023 | ||
|
|
||
| Two rich months in terms of recommendations. First an update of the WCAG 3.0 working draft, https://www.w3.org/TR/wcag-3.0/ and some clarifications, https://www.w3.org/WAI/standards-guidelines/wcag/wcag3-intro/. Then, the passage in candidate recommendation of WCAG 2.2, <https://www.w3.org/TR/WCAG22/> and some explanations of the novelties of this version (final?), https://www.w3.org/WAI/standards-guidelines/wcag/new-in-22/. And finally, the official release of the ARIA 1.2 recommendation, https://lists.w3.org/Archives/Public/public-wai-announce/2023AprJun/0005.html. | ||
| The Association Aveugles de France has launched an a11y observatory, more than 2,000 sites organized into several themes. Finally, in summary it's not brilliant but to follow, (fr) https://observatoire-access-num.interieursdefrance.org/! | ||
| Another initiative, a commitment charter for RGAA compliance audits set up and supported by the CNCPH (National Advisory Council for People with Disabilities), (fr) https://cncph.fr/charte-rgaa/. | ||
|
|
||
| ## Accessibility in laws and standards | ||
|
|
||
| - Understanding the new WCAG 3.0 draft: https://www.linkedin.com/pulse/understanding-wcag-3-working-draft-update-bradley-montgomery-ph-d-/ | ||
| - Reflection on WCAG 3.0: https://yatil.net/blog/do-we-need-wcag-3-now | ||
| - Difference between EN 301549 and RGAA 4 (fr): https://access42.net/norme-en-301-549-rgaa-4-differences-requirements-techniques-conformity/ | ||
| - E-commerce and European accessibility Act (fr): https://www.linkedin.com/pulse/e-commerce-et-accessibilit%C3%A9-num%C3%A9rique-ce-que-pr%C3%A9sees-the-directive/ | ||
| - The evolution of WCAG, a bit of history: https://digita11y.amnet.com/blog/evolution-wcag-roadmap-to-achieving-digital-accessibility | ||
|
|
||
| ## Feedback and accessibility | ||
|
|
||
| - A testimony on low vision, interesting: https://ideance.net/blog/771/accessibilite-numerique-rex-brice-kaptur/ | ||
| - An example of a long description of a complex image, to be read: https://koena.net/infographie-accessible-les-12-discours-retardant-laction-climatique/ | ||
|
|
||
| ## Accessibility strategy | ||
|
|
||
| - Change his way of intervening in a11y: https://karlgroves.com/accessibility-consulting-is-broken/ | ||
| - There is no "normal" user: https://karlgroves.com/theres-no-such-thing-as-a-normal-user/ | ||
| - The a11y is not a doghouse: https://access-ability.uk/2023/07/07/debunking-the-myth-that-accessibility-is-a-niche/ | ||
| - EDF takes a clear position on a11y overlays, this is not accessibility: https://www.edf-feph.org/accessibility-overlays-dont-guarantee-compliance-with-european-legislation/ | ||
| - Basic advice for a web front a11y: https://netzartist.de/blog/guardrails-for-better-accessibility-support-in-frontend/ | ||
|
|
||
| ## Test accessibility | ||
|
|
||
| - The rendering in screen readers of the blockquote elements: https://adrianroselli.com/2023/07/blockquotes-in-screen-readers.html | ||
| - An accessibility audit assistance tool, a va11ydette but more, to test: https://www.ta11y.org | ||
| - 6 tests for the a11y web of your forms (fr): https://karlgroves.com/6-quick-tests-you-can-do-to-test-your-forms-for-accessibility/ | ||
| - Explicit a11y audit process, interesting to see how others are doing: https://www.maxability.co.in/2023/06/03/accessibility-audit-process/ | ||
| - Stay accessible and avoid regression, advices: https://www.accessarmada.com/blog/combat-accessibility-decay-how-to-maintain-ongoing-accessibility/ | ||
|
|
||
| ## Technical points in accessibility | ||
|
|
||
| - ARIA, the base: https://blog.pope.tech/2022/07/12/what-you-need-to-know-about-aria-and-how-to-fix-common-errors/#trap | ||
| - ComboBox a11y, the latest developments: https://adrianroselli.com/2023/06/under-engineered-comboboxen.html and also https://www.webaxe.org/datalist-over-aria-combobox/ | ||
| - Do ARIA well and test: https://blog.pope.tech/2023/07/03/aria-can-hurt-or-help-web-accessibility-how-to-review-your-aria-sites | ||
| - For an accessible breadcrumb nav: https://www.linkedin.com/pulse/accessible-components-breadcrumb-navigation-roc%25C3%25ADo-alvarado/ | ||
| - A web treeview component a11y: https://blog.pope.tech/2023/07/06/create-an-accessible-tree-view-widget-using-aria/ | ||
| - An update on role="text": https://www.tpgi.com/using-the-text-role/ | ||
| - Aria-haspopup, overview and support: https://html5accessibility.com/stuff/2023/06/20/aria-haspopup-less-is-more/ | ||
| - Problem with nested fieldsets: https://adamsilver.io/blog/the-problem-with-nested-fieldsets-and-how-to-avoid-them/ | ||
| - WCAG timeout criteria in a modal and its nuances: https://www.digitala11y.com/addressing-timeout-modals-navigating-the-nuances-for-inclusive-web-design/ | ||
| - Dialog and popover, where are we in HTML: https://talks.hiddedevries.nl/G9mATs/slides | ||
| - Make good use of the visually-hidden CSS class: https://blog.logrocket.com/design-accessibility-css-visually-hidden-class/ | ||
|
|
||
| ## Feedback | ||
|
|
||
| - Interview with S. Walter design and a11y: https://accessibilite.public.lu/fr/news/2023-07-10-interview-stephanie-walter.html | ||
| - Advice from an a11y reviewer at WebAim: https://webaim.org/blog/top-evaluation-tips/ | ||
| - Myths about interactive HTML components: https://www.barrierbreak.com/busting-myths-separating-fact-from-fiction-in-accessible-interactive-elements/ | ||
|
|
||
| ## Technical aids | ||
|
|
||
| - History of accessibility APIs, 3 parts, to read: 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 for HTML article element in screen readers: https://www.matuzo.at/blog/2023/article-screen-readers/ | ||
| - Support for ARIA form and search roles: https://www.matuzo.at/blog/2023/form-and-search-landmark/ | ||
|
|
||
| ## Mobile app, mobile web | ||
|
|
||
| - Make your a11y Android app: https://developer.android.com/courses/pathways/make-your-android-app-accessible | ||
| - Mobile access issues for screen reader users: https://www.nngroup.com/articles/screen-reader-users-on-mobile/ | ||
| - Dev and a11y for Android apps: https://proandroiddev.com/how-to-provide-mobile-accessibility-in-your-native-android-app-guide-part-1-257a5b68097 | ||
| - Improve a11y in Android apps with Jetpack modifiers: https://proandroiddev.com/improving-android-accessibility-with-modifiers-in-jetpack-compose-5a34b82c8ddc | ||
|
|
||
| ## Ergonomics, UI & UX | ||
|
|
||
| - A plugin from a11y, Ax in Figma, to test: https://www.deque.com/axe/design-beta/ | ||
| - Annotate mockups for screen readers: https://bbc.github.io/accessibility-news-and-you/guides/screen-reader-ux.html | ||
| - More on a11y's annotations, handy: https://adhoc.team/2023/06/28/become-an-accessibility-champion-by-using-simple-mockup-annotations/ | ||
| - How to choose a more a11y typeface: https://www.linkedin.com/pulse/guide-understanding-what-makes-typeface-accessible-ford-williams/ | ||
|
|
||
| ## Resources | ||
|
|
||
| - Introduction to a11y for cognitive disabilities: https://www.deque.com/blog/an-introductory-guide-to-understanding-cognitive-disabilities/ | ||
| - An a11y style guide to be ready, just use it, practice: https://a11y-style-guide.com/style-guide/ | ||
| - Articles from a11y every week: https://theadminbar.com/accessibility-weekly/ | ||
| - PDF a11y;: part 1 https://mn.gov/mnit/media/blog/#/detail/appId/1/id/577889 and part 2 https://mn.gov/mnit/media/blog/?id=38-582030 | ||
| - WCAG, evolutions and future: https://digita11y.amnet.com/blog/evolution-wcag-roadmap-to-achieving-digital-accessibility | ||
| - Video on a user study on VR and a11y, nice: https://equalentry.com/accessibility-virtual-reality-user-studies-with-children-and-seniors-presentation/ | ||
| - A style guide for dyslexia: https://www.bdadyslexia.org.uk/advice/employers/creating-a-dyslexia-friendly-workplace/dyslexia-friendly-style-guide | ||
| - Making numbers a11y: https://www.tpgi.com/making-numbers-in-web-content-accessible/ | ||
|
|
||
| ## Others | ||
|
|
||
| - Feedback on an exam of a11y from the IAAP, the famous CPACC (fr): https://www.temesis.com/blog/retour-sur-lexamen-cpacc-de-l-iaap/ | ||
| - A Chrome extension to block a11y overlays: https://www.accessibyebye.org/ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,98 @@ | ||
| --- | ||
| title: "Veille #A11y Juin-Juillet 2023" | ||
| abstract: "Florilège de ressources en #a11y, Juin-Juillet 2023" | ||
| date: "2023-08-05" | ||
| tags: | ||
| - veille | ||
| --- | ||
|
|
||
| # 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%C3%A9-num%C3%A9rique-ce-que-pr%C3%A9voit-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/ |