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 Essentiels Politiques publiques Handicap%2C dec 2023.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/