Veille accessibilité numérique Août-Septembre 2024

Petite veille, retour de vacances !
Parfois, les gens sont fatigués de se battre contre des moulins (en) : https://robertkingett.com/posts/6617/ mais, je le dis souvent, privilégier l'amélioration continue plutôt que de viser la perfection (en) : https://accessibilityfirstsolutions.com/transform-accessibility/.
Et encore une opinion sur les WCAG et leur forme pour le moins parfois peu adaptée et compréhensible (en) : https://yatil.net/blog/my-grief-with-in-brief.
Bonne lecture...

L'accessibilité dans les lois et les normes #

• L'European Accessibility Act (EAA), vue d'ensemble (en) : https://afixt.com/understanding-the-european-accessibility-act-eaa-ensuring-compliance-and-avoiding-penalties/
• L'European Accessibility Act (EAA) n'est pas que technique (en) : https://cerovac.com/a11y/2024/08/european-accessibility-act-requires-culture-to-shift/
• EAA et Arcom, tout savoir sur son rôle en accessibilité : https://www.insytful.com/community/blog/how-to-build-an-accessible-button-a-step-by-step-guide
• Obligations légales en France : https://access42.net/ressources/accessibilite-rgaa-obligations-legales/
• Environnement législatif d'accessibilité en France, résumé clair : https://www.temesis.com/blog/synthese-des-nouvelles-reglementations-encadrant-laccessibilite-numerique-en-france/

Stratégie de mise en accessibilité #

• Ce que vous devez faire avant de demander "c'est accessible ?" (en) : https://adrianroselli.com/2024/08/things-to-do-before-asking-is-this-accessible.html
• L'accessibilité binaire ou pas, réflexion... (en) : https://hidde.blog/accessibility-objectivity/
• La règle des 20/80 en accessibilité (en) : https://marcus.io/blog/80-20-accessibility
• Un modèle de maturité d'accessibilité du W3c (en) : https://www.w3.org/TR/maturity-model/
• Réalité étendue et déficience auditive (en) : https://tetralogical.com/blog/2024/10/01/xr-accessibility-for-people-with-hearing-disabilities/
• 5 étapes de l'accessibilité agile (en) : https://www.tpgi.com/5-steps-for-an-agile-approach-to-accessibility/

Tester l’accessibilité #

• Un arbre décisionnel pour savoir quel critère WCAG invalider quand on détecte une anomalie (en) : https://github.com/andrewhick/accessibility/wiki/WCAG-decision-tree
• Algo de tests des critères WCAG 2.2 pou un composant eb (en) : https://medium.com/design-ibm/assessing-components-and-patterns-for-wcag-2-2-47ee3f0f468e

Points techniques #

• Un changement de contexte, qu'est-ce donc pour WCAG ? (en) : https://webaim.org/blog/decoding-wcag-change-of-context/
• Un composant accessible, la base (en) : https://www.scottohara.me/blog/2024/08/22/spoiler.html
• Les paragraphes HTML et les problèmes dans les AT (en) : https://www.scottohara.me/blog/2024/08/29/paragraphs.html
• Étiquettes et champs accessibles, la base (en) : https://tetralogical.com/blog/2024/08/21/labelling-text-fields-with-input-and-label/
• Tout sur les boutons accessibles (en) : https://www.insytful.com/community/blog/how-to-build-an-accessible-button-a-step-by-step-guide
• Faire des popover sur des boutons (en) : https://html5accessibility.com/stuff/2024/09/21/drugs-button-popover/
• Comprendre le nom accessible, partie 1, bien fait (en) : https://melsumner.github.io/understanding-accname-part-one

Retour d'expérience #

• Accessibilité des services bancaires indiens (en) : https://www.deque.com/blog/insight-into-the-current-state-of-digital-accessibility-in-the-indian-banking-sector/
• Vos label doivent avoir des for même pour des associations implicites (en) : https://www.tpgi.com/should-form-labels-be-wrapped-or-separate/
• Lire et comprendre un audit d'accessibilité externe (en) : https://afixt.com/the-most-important-thing-to-look-at-when-choosing-an-accessibility-auditor/
• Le processus projet comme levier d'amélioration de l'accessibilité (en) : https://accessibility.blog.gov.uk/2024/09/03/tackling-a-systems-accessibility-without-testing/
• Des composants complexes, comment les rendre accessibles (en) : https://www.jpost.com/opinion/article-817621

Aides techniques #

• Questions / réponses accessibilité à un utilisateur de lecteur d'écran aveugle, sympa (en) : https://blog.usablenet.com/your-accessibility-questions-answered-by-a-blind-person

Appli mobile, web mobile #

• Nouvelles fonctionnalités d'accessibilité sur iOS 18 pour les utilisateurs aveugles et sourds-aveugles (en) : https://www.applevis.com/blog/whats-new-ios-18-accessibility-blind-deafblind-user
• eBook gratuit, "SwiftUI and Accessibility, Creating Inclusive iOS Applications" (en) : https://iosdevlibrary.lemonsqueezy.com/
• TalkBack utilise Gemini Nano pour améliorer l'accessibilité des images pour les utilisateurs malvoyants (en) : https://android-developers.googleblog.com/2024/09/talkback-uses-gemini-nano-to-increase-low-vision-accessibility.htm>
• Comment assurer l'accessibilité de votre application native Android avec Jetpack Compose (en) : https://www.thedroidsonroids.com/blog/mobile-app-accessibility-android-guide
• Outils, processus et checklist pour tester l'accessibilité, la base (en) : https://dev.to/nazneenahmad/mobile-accessibility-testing-checklist-process-and-tools-3aed

Ergonomie, UI & UX #

• Les toasts sont mauvais pour l'UX (en) : https://maxschmitt.me/posts/toasts-bad-ux
• N'utilisez pas du noir pur pour le texte (en) : https://medium.com/ux-planet/alternatives-to-using-pure-black-000000-for-text-and-backgrounds-54ef0e733cdb

Ressources #

• Introduction sur les design patterns ARIA (en) : https://tetralogical.com/blog/2024/08/09/design-patterns-wcag/
• Carte thématique WCAG 2.2 (en) : https://www.andrewhick.com/accessibility/wcag-map/
• Les principales dates en accessibilité : https://www.temesis.com/blog/timeline-des-documents-importants-sur-laccessibilite/
• Principes du design inclusif (en) : https://inclusivedesignprinciples.info/
• Mouvement et accessibilité, complet (en) : https://servicenow.iu.edu/kb?id=kb_article_view&sysparm_article=KB0025852

Autres #

• Pourquoi votre JS ne se charge pas ? Plein de bonnes raisons alors faites de l'amélioration progressive (en) : https://piccalil.li/blog/a-handful-of-reasons-javascript-wont-be-available/
• Introduction à la conception universelle : https://www.temesis.com/blog/introduction-a-luniversal-design/
• Le code HTML sémantique toujours important (en) : https://boagworld.com/dev/semantic-code-in-html/