-
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 avril-mai 2024 Changes to be committed: new file: src/en/articles/watch-april-may-2024.md new file: src/fr/articles/veille-avril-mai-2024.md * corrections Changes to be committed: modified: src/en/articles/watch-april-may-2024.md modified: src/fr/articles/veille-avril-mai-2024.md * corrections dates Changes to be committed: modified: src/fr/articles/veille-avril-mai-2024.md modified: src/fr/articles/veille-fevrier-mars-2024.md --------- Co-authored-by: ANIORT Vincent INNOV/IT-S <[email protected]>
- Loading branch information
Showing
3 changed files
with
218 additions
and
1 deletion.
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,108 @@ | ||
| --- | ||
| title: "#a11y technical watch, April-May 2024" | ||
| abstract: "#a11y anthology, April-May 2024" | ||
| date: "2024-06-07" | ||
| tags: | ||
| - veille | ||
| --- | ||
| # Digital accessibility watch April - May 2024 | ||
|
|
||
| First of all, I encourage you to contact ARCOM if you find inaccessible sites that do not comply with the law (fr): https://www.temesis.com/blog/saisir-larcom-concernant-laccessibilite-dun-site-est-ce-efficace/, because the more there are of us, the more weight it will have! | ||
| Then, release of a draft of WCaG 3.0, it is still awaited and scrutinized: https://www.w3.org/WAI/standards-guidelines/wcag/wcag3-intro/ | ||
| Here are some reactions: | ||
| - 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/ | ||
|
|
||
| Let's not forget that May 16 was GAAD (Global Accessibility Awareness Day), everything is here: https://accessibility.day/ | ||
| But, even after 25 years of the release of WCAG 1.0, well https://cerovac.com/a11y/2024/05/wcag-after-quarter-of-a-century-we-still-need-more-awareness/ | ||
| good reading ! | ||
|
|
||
| ## Accessibility in laws and standards | ||
|
|
||
| - Everything about the WCAG 2.2, 2.4.11 Focus not obscured (minimum) criterion: https://www.r.com/how-to-test-2-4-11-focus-not-obscured-minimum/ | ||
| - EAA European Accessibility Act, what is it?: https://www.deque.com/blog/european-accessibility-act-eaa-intro/ | ||
| - Examples and solution for criterion 2.5.7 Dragging movements, useful: https://sparkbox.com/foundry/understanding_implementing_wcag_dragging_movements_accessibility | ||
| - Details on EN 301549 https://www.deque.com/blog/301549-improve-accessibility/ | ||
|
|
||
| ## Feedback and accessibility | ||
|
|
||
| - Banking, security and a11y sites https://www.nicchan.me/blog/when-security-and-accessibility-clash/ | ||
| - AI and generation of accessible code, wep but check the result https://tetralogical.com/blog/2024/02/12/can-generative-ai-help-write-accessible-code/ | ||
| - Accessibility overlays powered by AI are far from being a miracle solution https://archive.is/2024.04.07-041851/https://www.ft.com/content/3c877c55-b698-43da-a222-8ae183f53078#selection-1575.126-1580.0 | ||
| - The a11y how much does it cost for the administration in Luxembourg, must read: https://accessibilite.public.lu/fr/news/2024-05-14-memoire.html | ||
| - REX on the implementation of a native brand identity app, pretty: https://accessibility.blog.gov.uk/2024/04/04/gov-uk-id-check-app-building-an-accessible-digital-identity-app/ | ||
| - Github improves its a11y, step by step: https://github.blog/2024-05-07-how-were-building-more-inclusive-and-accessible-components-at-github/ | ||
| - Quick-wins a11y for devs https://www.tpgi.com/quick-and-dirty-accessibility/ | ||
|
|
||
| ## Accessibility strategy | ||
|
|
||
| - AI in web accessibility tools https://www.tpgi.com/what-ai-can-do-for-and-to-existing-web-accessibility-tools/ | ||
| - Exotic Unicode characters for fake bold or italics (fr): https://access42.net/caracteres-unicode-reseaux-sociaux-accessibilite/ | ||
| - Myths about the a11y of dark modes https://stephaniewalter.design/blog/dark-mode-accessibility-myth-debunked/ | ||
| - Key steps to creating an inclusive corporate culture: https://tetralogical.com/blog/2024/04/19/building-a-culture-of-accessibility/ | ||
|
|
||
| ## Test accessibility | ||
|
|
||
| - A nice a11y test dashboard based on axe-core (fr): https://www.temesis.com/blog/dashboard-des-tests-automatises-daccessibilite/ | ||
| - Test the a11y for content creators https://blog.pope.tech/2024/04/01/a-complete-guide-for-content-creators-to-start-making-accessible-thrilled/ | ||
| - Conduct a11y user tests when the environment is not: https://www.smashingmagazine.com/2024/04/conducting-accessibility-research-inaccessible-ecosystem/ | ||
| - Presentations of the advantages/disadvantages of some emblematic a11y testing tools and methods: https://mn.gov/mnit/media/blog/?id=38-621624 | ||
| - Update of the W3c "easy checks" https://www.w3.org/WAI/test-evaluate/easy-checks/ | ||
| - Conference on opensource automated solutions https://www.youtube.com/watch?v=l-13Ic75zts | ||
| - We've already said it but you have to be careful with auto tests: https://cerovac.com/a11y/2024/04/beware-automatic-tools-over-report-accessibility-issues-and-steal-your-time/ | ||
| - Series of 3 articles on choosing and using a automatic tests library: https://dev.to/steady5063/choosing-your-accessibility-ui-testing-library-1o09 | ||
|
|
||
| ## Technical points in accessibility | ||
|
|
||
| - Everything about the aria-label, an essential: https://html5accessibility.com/stuff/2024/05/22/not-so-short-note-on-aria-label-usage-big-tabl-editing/ | ||
| - When to use tabindex="0"?: https://tetralogical.com/blog/2024/04/04/when-to-use-tabindex-0/ | ||
| - The popover attribute, a library included: https://web.dev/blog/popover-api?hl=fr | ||
| - Squarespace and a11y, where are we?: https://theamycarney.com/2024/04/02/observations-on-squarespace-accessibility/ | ||
| - Aria-level, where are we?: https://adrianroselli.com/2024/05/level-setting-heading-levels.html | ||
| - Aria poorly done, a11y all crazy: https://marcus.io/blog/best-intention-barriers-aria | ||
| - Why WCAG 1.4.4 text resize is important: https://scribe.rip/airbnb-engineering/rethinking-text-resizing-on-web-1047b12d2881 | ||
| - How to deal with a long text alternative? In short: https://adrianroselli.com/2024/04/long-alt.html | ||
| - Improve small adjustments to the a11y: https://brucelawson.co.uk/2024/drive-by-accessibility-tweaks/ | ||
| - Avoidance links are good (especially when they are visible): https://cerovac.com/a11y/2024/04/wcag-bypass-blocks-skip-to-content-improve-user-interaction-speed-and-even-prevent-pain/ | ||
| - Swiping a gesture based on a path, it depends on the context on: https://www.tpgi.com/is-swiping-a-path-based-gesture/ | ||
| - Links and buttons with image, watch out for voice commands, read: https://www.tempertemper.net/blog/images-as-the-first-thing-in-a-button-or-link | ||
|
|
||
| ## Assistive technologies | ||
|
|
||
| - Live regions, how they work or not: https://tetralogical.com/blog/2024/05/01/why-are-my-live-regions-not-working/ | ||
| - Use role="alert", must read: https://scribe.rip/@askParamSingh/understanding-the-role-of-aria-role-alert-best-practices-and-common-issues- 5edefa2d016c | ||
| - Live regions and screen readers, do it right (fr): https://access42.net/live-regions-aria-restitution-lecteurs-ecran/ | ||
| - Decorative images and image recognition of generative AI, the problem: https://html5accessibility.com/stuff/2024/05/27/alt-left/ | ||
|
|
||
| ## Mobile app, mobile web | ||
|
|
||
| - Evinced offers its own mobile accessibility repository based on WCAG 2.2, it's called MCAG and it's really not bad (and open source!): https://getevinced.github.io/mcag / | ||
| - iOS “Screen curtain” vs “Hidden screen” match on Android, iOS winner: https://www.youtube.com/shorts/Yjn1swLOStU | ||
| - [iOS ] Demonstration of using the native braille display on iPhone/iPad: https://www.youtube.com/watch?v=WFjDI3yRCxs | ||
| - [Android ] Developer friends, the latest version of Android Studio Koala includes accessibility shortcuts to facilitate your tests during the development phase: dark theme, font size, screen size, application language and TalkBack: https://developer.android.com/studio/preview/features?hl=fr | ||
| - [Android ] After the great app for learning to develop accessible in swiftUI on iOS: https://apps.apple.com/us/app/swiftui-accessibility-techs/id6474141089, here is the Android version for the interfaces in Jetpack Compose: https://github.com/cvs-health/android-compose-accessibility-techniques | ||
| - The Appt foundation has just published a best practices manual for mobile accessibility - to consult without delay!: https://appt.org/en/handbook | ||
|
|
||
| ## Ergonomics, UI & UX | ||
|
|
||
| - Awareness of a11y for ux/ui: https://www.usabilis.com/accessibilite-numerique/ | ||
| - Neurodiversity and UX - essential resources for cognitive accessibility: https://stephaniewalter.design/blog/neurodiversity-and-ux-essential-resources-for-cognitive-accessibility/ | ||
| - user tests, how many? very informative: https://makeitfable.com/article/fable-webinar-recap-scoping-your-accessibility-research-study/ | ||
|
|
||
| ## Resources | ||
|
|
||
| - Subtitle with Youtube, the tutorial: https://blog.pope.tech/2024/05/24/a-complete-guide-for-adding-captions-to-youtube-videos/ | ||
| - Render a11y a PDF with Acrobat, complete: https://blog.pope.tech/2024/04/25/how-to-check-and-fix-pdf-accessibility-issues/ | ||
| - 16 lessons from a11y for GAAD, essential: https://www.semanticfish.com/gaad-2024/lessons | ||
| - A11y podcasts for the GAA, nice (fr): https://ideance.net/blog/2117/podcasts-accessibilite-numerique-gaad/ | ||
| - Describe an image, well done: https://cloudfour.com/thinks/write-alt-text-like-youre-talking-to-a-friend/ | ||
|
|
||
| ## Others | ||
|
|
||
| - Contrast-color CSS property explained but isn't a browser job?: https://ericwbailey.website/published/contrast-color-is-a-good-thing-but-also-solving-the-problem-at-the-wrong-layer/ | ||
| - 9 signs that do not deceive about the quality of your frontend (with a11y in it, full): https://angelika.me/2024/04/13/9-signs-your-frontend-code-has-quality-issues/ | ||
| - A very detailed article on the different ways to make images responsive: https://danburzo.ro/responsive-images-html/ | ||
| - Improving accessibility through the use of LLMs (Large Language Models), by Sheri Byrne-Haber: https://www.youtube.com/watch?v=5wdNcy7yPCc | ||
| - The WCAG is like a road, a white line to follow and safety rails so as not to crash: https://yatil.net/blog/wcag-2-guidelines-and-guardrails | ||
| - Plain language guide: https://evolvingweb.com/blog/plain-language-guide-how-write-inclusive-digital-content-2024::: |
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,109 @@ | ||
| --- | ||
| title: "Veille #A11y Avril-Mai 2024" | ||
| abstract: "Florilège de ressources en #a11y, Avril-Mai 2024" | ||
| date: "2024-06-07" | ||
| tags: | ||
| - veille | ||
| --- | ||
|
|
||
| # 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 |
Oops, something went wrong.