diff --git a/src/en/articles/watch-october-november-2024.md b/src/en/articles/watch-october-november-2024.md new file mode 100644 index 000000000..8eab07e52 --- /dev/null +++ b/src/en/articles/watch-october-november-2024.md @@ -0,0 +1,92 @@ +--- +title: "#a11y technical watch, October-November 2024" +abstract: "#a11y anthology, October-November 2024" +date: "2024-12-07" +tags: + - veille +--- + +# Digital accessibility watch October-November 2024 + +To start an interview with a comrade, Olivier Nourry, a long-standing fighter in accessibility (fr): https://access42.net/interview-olivier-nourry-expert-accessibility-numerique/. +And then, because it is the season, the famous Advent calendar 24 days of web with lots of a11y in it (fr): https://www.24joursdeweb.fr/2024. +Last advice, the replays of ParisWeb 2024, the conference, the only one to see if you are in digital accessibility, web quality and eco-design with lots of love in it. I chose two conferences that I liked but there are many others (fr): +- https://www.paris-web.fr/2024/conference/be-a-dolphin-not-a-shark-using-cooperation-conflict-to-advance-digital-accessile +- https://www.paris-web.fr/2024/conference/vos-pressentations-et-vos-sites-me-donnent-litterally-envie-de-vomir + +## Accessibility in laws and standards + +- New version of the note on WCAG 2 for non-web: https://www.w3.org/tr/wcag2ict-22/ + +## Accessibility strategy + +- A letter to send if your customer wants an overlay of a11y: https://alistirshepherd.uk/writing/accessibility-overlays-mail/ +- Bottom-up design and a11y strategy: https://www.smashingmagazine.com/2024/10/how-bottom-design-approach-enhances-site-accessibility/ +- Manage the a11y in the teams so that it works: https://melsumner.github.io/a11y-at-work +- Captcha and other nice things to make accessible: https://2024.wpaccessibility.day/captchas-and-other-gotchas/ +- Some actors from the a11y: https://ozewai.org/blog/technical-articles/how-is-digital-accessibility-awareness-being-promoted-across-the-globe/ +- Another article on "We are all responsible for the a11y", to read: https://meryl.net/accessibility-everyones-responsibility/ +- Strategy for controlling the accessibility of websites and mobile applications of the British public sector: https://www.gov.uk/guidance/public-sector-website-and-mobile-application-accessibility-monitoring#How-we-test + +## Test accessibility + +- AI and a11y tests, point of view: https://html5accessibility.com/stuff/2024/10/10/ai-for-accessibility-conformance-testing-Why/ +- Cost of an a11y audit (fr): https://access42.net/services/cout-audit-accessibilite-numerique/ +- Test with cypress and axis: https://www.deque.com/blog/how-to-test-for-accessibility-with-cypress/ +- Test your JS to make it a11y: https://www.a11y-collective.com/blog/accessibility-in-javascript/ +- An a11y checklist of tests for PowerPoint, Practical: https://creativepro.com/powerpoint-accessibility-checklist/ +- Reminder: a11y auto tests to capture error but not to assess the level: https://cerovac.com/a11y/2024/10/reminder-automatic-accessibility-testing-can-detect-inaccessibility-but-cant-detect-accessibility/ +- A new testing guide, proposed by the British government, to transpose and test the accessibility of mobile apps according to WCAG 2.2 criteria: https://github.com/alphagov/wcag-primer/wiki/mobile-app-testing + +## Technical points + +- Do not use readonly attribute in the forms: https://adrianroselli.com/2024/11/avoid-read-only-controls.html +- The two types of focusable elements, all you need to know: https://yatil.net/blog/focusable-ui-elements +- Validation of forms and error management, complete: https://tetralogical.com/blog/2024/10/21/foundations-form-validation-and-error-messages/ +- a11y PDF Part 1, good practical tips: https://www.tpgi.com/pdf-accessibility-on-the-web-tricks-and-traps-part-1/ +- and a11y PDF Part 2: https://www.tpgi.com/pdf-accessibility-on-the-web-tricks-and-traps-part-2/ +- Popovers and dialogs - which, what, how: https://css-tricks.com/clarifying-the-relationship-between-popovers-and-dialogs/ +- All on aria-activeDescendant, to read: https://sarahmhigley.com/writing/activedescendant/ + +## Feedback + +- Accessible tooltips, nice: https://css-tricks.com/tooltip-best-practices/ +- AI and a11y tests, simply no: https://html5accessibility.com/stuff/2024/10/10/ai-for-accessibility-conformance-testing-why/ +- The a11y is the content and the container, example for Shopify: https://www.nicchan.me/blog/shopify-accessibility-lawsuits-compliance/ +- Disabled and contrast elements: https://html5accessibility.com/stuff/2024/11/04/disabled-and-obscured/ +- Some key steps (user scenario) to test a11y : https://www.tpgi.com/are-you-conducting-user-flow-testing-in-these-4-critical-areas/ + +## Assistive technologies + +- Design and a11y, reference site: https://www.foreveryone.design/ +- Cards and screen readers: https://mn.gov/mnit/about-mnit/accessibility/news/?id=38-645700 +- Annotations in inclusive design: https://tangible.is/en/thinking/2024/10/the-value-of-accessibility-annotations-in-inclusive-design + +## Mobile app, mobile web + +- Accessibility tools to understand accessibility on iOS: https://www.basbroek.nl/making-accessibility-acceessible +- Daniel Devesa shares his a11y advent calendar for iOS: https://www.linkedin.com/feed/hashtag/?keywords=adventofiosaccessibility +- Google has just announced a number of developments for Android, mainly focused on artificial intelligence and accessibility (fr): https://www.frandroid.com/android/2432052_android-devoile-6-nouvelles-fonctionnalites-le-point-sur-les-changements +- Some tips for keyboard support on native mobile applications: https://cerovac.com/a11y/2024/11/some-tips-for-keyboard-support-on-native-mobile-applications/ +- Jan Jaap de Groot, lead of the Mobile Accessibility Task Force at the W3C, announces first draft for mobile guidelines for December (fr): https://accessibilite.public.lu/fr/news/2024-11-13-interview-jan-jaap-de-groot.html +- Full Keyboard Access feature on Flutter iOS seems to have been partially fixed (after a 4 years' waiting!) : https://github.com/flutter/flutter/issues/76497 +- Access42 reminds us that it's possible to navigate in Braille on an iOS mobile (fr): https://a42.fr/braille-ios + +## Ergonomics, UI & UX + +- A designer checklist of good practices : https://accessicart.com/designing-for-accessibility-a-checklist-for-designers/ +- A11y needs usability: https://blog.usablenet.com/why-accessibility-needs-usability + +## Resources + +- CSUN 2024 presentations: https://docs.google.com/spreadsheets/d/1yBCYJ6flHW_KSYfBX1wNBRhGx9bxZ993_PoYaFrUAvE/edit?pli=1&gid=80757841#gid=80757841 +- a11y and cognitive disabilities: https://www.tpgi.com/making-the-web-accessible-a-focus-on-cognitive-disabilities/ +- Updated list of books on a11y from Webaxe: https://www.webaxe.org/web-accessibility-books/ +- In the Web Almanac, a big chapter on a11y, a little bit of everything about everything: https://almanac.httparchive.org/en/2024/accessibility +- Movement, parallax and a11y: https://servicenow.iu.edu/kb?id=kb_article_view&sysparm_article=KB0025852 +- Public disability policies in the face of stereotypes, prejudices and discriminations in France (fr): https://www.cncdh.fr/sites/default/files/2023-12/Les%20Essentiels%20Politiques%20publiques%20Handicap%2C%20dec%202023.pdf + +## Others + +- Interview with A. Maniez (Access42), to read (fr): https://www.linkedin.com/pulse/5-questions-%25C3%25A0-audrey-maniez-experte-accessibilit%25C3%25A9-num%25C3%25A9rique-et-w4xve/ +- 12 reasons not to do eco-design: https://greenspector.com/en/12-reasons-not-to-eco-design-a-digital-service/ diff --git a/src/fr/articles/veille-octobre-novembre-2024.md b/src/fr/articles/veille-octobre-novembre-2024.md new file mode 100644 index 000000000..2e62ac41c --- /dev/null +++ b/src/fr/articles/veille-octobre-novembre-2024.md @@ -0,0 +1,93 @@ +--- +title: "Veille #A11y Octobre-Novembre 2024" +abstract: "Florilège de ressources en #a11y, Octobre-Novembre 2024" +date: "2024-12-07" +tags: + - veille +--- + +# Veille accessibilité numérique Octobre-Novembre 2024 + +Pour commencer une interview d'un camarade, Olivier Nourry, un combattant de longue date en accessibilité : https://access42.net/interview-olivier-nourry-expert-accessibilite-numerique/. +Et ensuite, car c'est la saison, le fameux calendrier de l'avent 24 jours de web avec plein d'a11y dedans : https://www.24joursdeweb.fr/2024. +Dernier conseil, les replays de ParisWeb 2024, la conférence, la seule à voir si vous êtes dans l'accessibilité numérique, la qualité web et l'éco-conception avec plein d'amour dedans. J'ai choisi deux conférences qui m'ont bien plues mais y'en a plein d'autres : +- https://www.paris-web.fr/2024/conference/be-a-dolphin-not-a-shark-using-cooperation-over-conflict-to-advance-digital-accessibility +- https://www.paris-web.fr/2024/conference/vos-presentations-et-vos-sites-me-donnent-litteralement-envie-de-vomir + +## L'accessibilité dans les lois et les normes + +- Nouvelle version de la note sur WCAG 2 pour du non-web (en) : https://www.w3.org/TR/wcag2ict-22/ + +## Stratégie de mise en accessibilité + +- Une lettre à envoyer si votre client veut une surcouche (overlay) d'a11y (en) : https://alistairshepherd.uk/writing/accessibility-overlays-email/ +- Stratégie bottom-up design et a11y (en) : https://www.smashingmagazine.com/2024/10/how-bottom-up-design-approach-enhances-site-accessibility/ +- Gérer l'a11y dans les équipes pour que ça marche (en) : https://melsumner.github.io/a11y-at-work +- Captchas et autres joyeusetés à rendre accessibles (en) : https://2024.wpaccessibility.day/sessions/captchas-and-other-gotchas/ +- Quelques acteurs de l'a11y (en) : https://ozewai.org/blog/technical-articles/how-is-digital-accessibility-awareness-being-promoted-across-the-globe/ +- Encore un article sur "on est tous responsables de l'a11y", à lire (en) : https://meryl.net/accessibility-everyones-responsibility/ +- Stratégie de contrôle de l'accessibilité des sites web et des applications mobiles du secteur public britannique (en): https://www.gov.uk/guidance/public-sector-website-and-mobile-application-accessibility-monitoring#how-we-test + +## Tester l’accessibilité + +- IA et tests d'a11y, point de vue (en) : https://html5accessibility.com/stuff/2024/10/10/ai-for-accessibility-conformance-testing-why/ +- Coût d'un audit d'a11y : https://access42.net/services/cout-audit-accessibilite-numerique/ +- Tester avec Cypress et Axe (en) : https://www.deque.com/blog/how-to-test-for-accessibility-with-cypress/ +- Tester son JS pour le rendre a11y (en) : https://www.a11y-collective.com/blog/accessibility-in-javascript/ +- Une checklist a11y de tests pour PowerPoint, pratique (en) : https://creativepro.com/powerpoint-accessibility-checklist/ +- Rappel : les tests auto d'a11y pour capter des erreurs mais pas pour évaluer le niveau (en) : https://cerovac.com/a11y/2024/10/reminder-automatic-accessibility-testing-can-detect-inaccessibility-but-cant-detect-accessibility/ +- Un nouveau référentiel de tests, proposé par le gouvernement britannique, pour transposer et tester l'accessibilité des applis mobiles selon les critères WCAG 2.2 (en) : https://github.com/alphagov/wcag-primer/wiki/mobile-app-testing + +## Points techniques + +- N'utilisez pas l'attribut readonly dans les formulaires (en) : https://adrianroselli.com/2024/11/avoid-read-only-controls.html +- Les deux types d'éléments focusables, tout savoir (en) : https://yatil.net/blog/focusable-ui-elements +- Validation des formulaires et gestion des erreurs, complet (en) : https://tetralogical.com/blog/2024/10/21/foundations-form-validation-and-error-messages/ +- PDF accessible partie 1, de bonnes astuces pratiques (en) : https://www.tpgi.com/pdf-accessibility-on-the-web-tricks-and-traps-part-1/ +- et PDF accessible partie 2 (en) : https://www.tpgi.com/pdf-accessibility-on-the-web-tricks-and-traps-part-2/ +- Popovers et Dialogs - qui, quoi, comment (en) : https://css-tricks.com/clarifying-the-relationship-between-popovers-and-dialogs/ +- Tout sur aria-activedescendant, à lire (en) : https://sarahmhigley.com/writing/activedescendant/ + +## Retour d'expérience + +- Des tooltips accessibles, super (en) : https://css-tricks.com/tooltip-best-practices/ +- IA et tests a11y, non (en) : https://html5accessibility.com/stuff/2024/10/10/ai-for-accessibility-conformance-testing-why/ +- L'a11y, c'est le contenu et le contenant, exemple pour Shopify (en) : https://www.nicchan.me/blog/shopify-accessibility-lawsuits-compliance/ +- Eléments inactifs et contraste (en) : https://html5accessibility.com/stuff/2024/11/04/disabled-and-obscured/ +- Quelques processus à étapes clés (scénario utilisateur) pour tester l'a11y (en) : https://www.tpgi.com/are-you-conducting-user-flow-testing-in-these-4-critical-areas/ + +## Aides techniques + +- Design et a11y, site de référence (en) : https://www.foreveryone.design/ +- Cartes et lecteurs d'écran (en) : https://mn.gov/mnit/about-mnit/accessibility/news/?id=38-645700 +- Annotations dans le design inclusif (en) : https://tangible.is/en/thinking/2024/10/the-value-of-accessibility-annotations-in-inclusive-design + + +## Appli mobile, web mobile + +- Outils d'accessibilité pour comprendre l'accessibilité sur iOS (en) : https://www.basbroek.nl/making-accessibility-acceessible +- Daniel Devesa nous partage son calendrier de l'avent a11y pour iOS (en): https://www.linkedin.com/feed/hashtag/?keywords=adventofiosaccessibility +- Google vient d’annoncer plusieurs évolutions pour Android, principalement axées sur l’intelligence artificielle et l’accessibilité : https://www.frandroid.com/android/2432052_android-devoile-6-nouvelles-fonctionnalites-le-point-sur-les-changements +- Quelques conseils pour la prise en charge du clavier dans les applications mobiles natives (en) : https://cerovac.com/a11y/2024/11/some-tips-for-keyboard-support-on-native-mobile-applications/ +- Jan Jaap de Groot, à la tête de la Mobile Accessibility Task Force au sein du W3C, annonce un premier draft pour des recommandations mobile en Décembre (en) : https://accessibilite.public.lu/fr/news/2024-11-13-interview-jan-jaap-de-groot.html +- L'accès complet au clavier sur Flutter iOS semble avoir été partiellement corrigé (après 4 ans d'attente !) (en) : https://github.com/flutter/flutter/issues/76497 +- Access42 nous rappelle qu'il est possible de naviguer en Braille sur un mobile iOS : https://a42.fr/braille-ios + +## Ergonomie, UI & UX + +- Une checklist de bonnes pratiques pour les designer (en) : https://accessicart.com/designing-for-accessibility-a-checklist-for-designers/ +- L'a11y a besoin de l'utilisabilité (en) : https://blog.usablenet.com/why-accessibility-needs-usability + +## Ressources + +- Les présentations du CSUN 2024 (en) : https://docs.google.com/spreadsheets/d/1yBCYJ6flHW_KSYfBX1wNBRhGx9bxZ993_PoYaFrUAvE/edit?pli=1&gid=80757841#gid=80757841 +- A11y et déficiences cognitives (en) : https://www.tpgi.com/making-the-web-accessible-a-focus-on-cognitive-disabilities/ +- Mise à jour de la liste des bouquins sur l'a11y de Webaxe (en) : https://www.webaxe.org/web-accessibility-books/ +- Dans le Web Almanac, un gros chapitre sur l'a11y, un peu de tout sur tout (en) : https://almanac.httparchive.org/en/2024/accessibility +- Mouvement, parallax et a11y (en : https://servicenow.iu.edu/kb?id=kb_article_view&sysparm_article=KB0025852 +- Les politiques publiques du handicap face aux stéréotypes, préjugés et discriminations en France: https://www.cncdh.fr/sites/default/files/2023-12/Les%20Essentiels%20Politiques%20publiques%20Handicap%2C%20dec%202023.pdf + +## Autres + +- Interview d'A. Maniez (Access42), à lire : https://www.linkedin.com/pulse/5-questions-%25C3%25A0-audrey-maniez-experte-accessibilit%25C3%25A9-num%25C3%25A9rique-et-w4xve/ +- 12 raisons de ne pas faire de l'éco-conception (en) : https://greenspector.com/en/12-reasons-not-to-eco-design-a-digital-service/