Veille accessibilité numérique Octobre-Novembre 2023

Pour la sortie officielle des WCAG 2.2, ce 5 octobre en anglais (https://www.w3.org/TR/2023/REC-WCAG22-20231005/), beaucoup d'articles ont été écrits, en voici quelques uns rassemblés dans ces deux listes : (en) https://www.smashingmagazine.com/2023/10/roundup-wcag-explainers/ eet (en) https://adrianroselli.com/2023/10/obligatory-wcag-2-2-launch-post.html.
Et bientôt une version Française (en cours) et une prise en compte dans EN 301549 et l'EAA (en, https://cerovac.com/a11y/2023/11/wcag-2-2-will-be-a-part-of-en-301-549-and-with-that-a-part-of-wad-and-eaa/)... alors utilisez le !
Bonne lecture, bonnes fêtes !

L'accessibilité dans les lois et les normes #

• WCAG 2.2 et ce que ça implique (en) : https://www.craigabbott.co.uk/blog/wcag-22-and-what-it-means-for-you/
• WCAG 2.2, explications : https://access42.net/wcag-2-2-publication/
• Tout sur EN301549 et ses impacts, à lire (en) : https://www.tpgi.com/understanding-en-301-549-the-european-standard-for-digital-accessibility/
• Le Royaume-uni revoit ce s obligation d'A11y (en) : https://tetralogical.com/blog/2023/11/07/amendment-to-public-sector-accessibility-regulations/
• Un point sur les règlementations en France sur l'a11y : https://www.temesis.com/blog/synthese-des-nouvelles-reglementations-encadrant-laccessibilite-numerique-en-france/
• Les obligations suite aux décrets en France : https://www.linkedin.com/pulse/compte-à-rebours-2025-laccessibilité-numérique-pour-tous-croix-ggm2e/
• Communiqué de presse sur la ratification de l'ordonnance pour les sanctions des sites non accessibles publics : https://www.numerique.gouv.fr/espace-presse/accessibilite-numerique-le-gouvernement-enterine-lordonnance-visant-a-controler-laccessibilite-des-sites-des-administrations-publiques-a-compter-2024/

Stratégie de mise en accessibilité #

• Un panier accessible, vidéo et transcription (en) : https://www.nicchan.me/blog/talk-developing-an-accessible-add-to-cart-flow/
• Bien prendre en compte l'a11y dans votre boite ou activité (en) : https://meryl.net/how-to-be-accessibility-ally/
• Qui est responsable de la mise en accessibilité (en) : https://silktide.com/blog/who-is-responsible-for-web-accessibility/
• Traduction accessible d'une interface (en) : https://benmyers.dev/blog/multilingual-web-accessibility/
• Les kiosques accessibles, un créneau pour l'innovation (en) : https://www.devprojournal.com/software-development-trends/accessibility-is-the-key-to-kiosk-market-growth/
• Aller plus vite, être plus efficace dans la m*ise en accessibilité (en) : https://karlgroves.com/how-long-until-your-website-is-accessible/
• Bien sûr, former à l'a11y ne suffit pas (en) :https://www.reidmore.online/post/accessibility-training-will-not-save-you
• Le symposium 2023 sur AI et A11y par le W3c/WAI, la classe (en) : https://www.w3.org/WAI/research/ai2023/
• Assurer l'a11y dans une grande entité : https://www.ekino.fr/publications/comment-generaliser-laccessibilite-au-sein-dune-entite-mondiale/

Tester l’accessibilité #

• Automatiser l'a11y, pas si simple mais... (en) : https://daverupert.com/2023/10/nine-a11y-jobs-where-robots-suck/
• Outils de tests des contrastes (en) : https://blog.pope.tech/2023/10/17/color-contrast-accessibility-tools-with-examples/
• Les bons KPI d'a11y dans un projet agile (en) : https://www.levelaccess.com/blog/best-practices/agile-accessibility-kpis-how-to-measure-what-matters/
• Tester WCAG 2.2, 3.2.6 Consistent help (en) : https://www.tpgi.com/how-to-test-3-2-6-consistent-help/
• Un petit outil sympa pour les designers, permettant de trouver le bon contraste selon les différents types de handicaps visuels mais aussi en dark mode ou exposition au soleil (très fréquent sur les apps mobiles) (en) : https://www.whocanuse.com/
• Superviser l'a11y, tour d'horizon des outils (en) : https://www.digitala11y.com/enterprise-accessibility-tools-roundup/

Points techniques #

• Plus loin dans les formulaires accessibles (en) : https://blog.pope.tech/2023/09/26/form-accessibility-and-usability-beyond-the-basics/
• Lien ou bouton, intéressantes considérations (en) : https://www.tpgi.com/short-note-on-button-or-link/
• WCAG 2.5.8 Target size, expliqué : https://adrianroselli.com/2023/10/obligatory-wcag-2-2-launch-post.html
• Trucs et astuces pour des messages de formulaire accessible (en) :https://onsman.com/writing-accessible-form-messages/
• Pour ceux qui n'auraient toujours pas compris (en) : https://ashleemboyer.com/blog/don-t-use-fixed-css-height-or-width-on-text-containers
• Organiser les "option" d'un "select" et support des AT, cas d'école (en) : https://adrianroselli.com/2023/10/splitting-within-selects.html
• Les id uniques sont importantes (en) : https://www.deque.com/blog/unique-id-attributes-matter/
• Un tableau avec des lignes sélectionnables (en) : https://adrianroselli.com/2023/11/dont-turn-a-table-into-an-aria-grid-just-for-a-clickable-row.html
• Apprenez la sémantique, un exemple avec section (en) : https://toddl.dev/posts/section-is-the-new-div/
• Garder de la sémantique aux listes sans puces (en) : https://www.matuzo.at/blog/2023/removing-list-styles-without-affecting-semantics
• Des tableaux web accessibles : https://access42.net/integrer-tableaux-html-accessibles-conformes-rgaa/
• Tableaux complexes et a11y : https://access42.net/tableaux-donnees-complexes-integration-html-accessible-rgaa/
• Trucs pour la visibilité du focus (en) : https://www.deque.com/blog/give-site-focus-tips-designing-usable-focus-indicators/

Retour d'expérience #

• Annotations d'a11y oui, mais attention (en) : https://ericwbailey.website/published/accessibility-annotation-kits-only-annotate/
• Un widget de réservation de siège accessible, vraiment bien (en) : https://www.tpgi.com/accessibility-theater/
• Supervision des sites web et applis mobiles public en Grande-Bretagne (en) : https://www.gov.uk/guidance/public-sector-website-and-mobile-application-accessibility-monitoring
• Le vrai coût de la non-accessibilité (en) : https://www.tpgi.com/the-true-cost-of-not-prioritizing-accessibility/
• Les développeurs front ne comprennent pas l'accessibilité (en) : https://gomakethings.com/front-end-devs-really-dont-understand-accessibility/
• Mythes sur a11y et le clavier (en) : https://tetralogical.com/blog/2023/11/27/keyboard-accessibility-myths-wcag/
• Role, name, value en phase de conception (en) : https://www.deque.com/blog/name-role-value-design/
• Point de vue sur les toats en a11y, ne pas les utiliser (en) : https://www.erikkroes.nl/blog/burn-your-toast/

Aides techniques #

• Des nouvelles fonctionnalités accessibilité dans les agents utilisateurs (en) : https://alastairc.uk/2023/10/accessibility-improvements-for-user-agents/
• Texte barré et aides techniques, comment bien faire (en) : https://www.webaxe.org/strikethrough-html-accessibility/
• La navigation clavier comment bien faire (en) : https://www.tpgi.com/how-to-avoid-breaking-web-pages-for-keyboard-users/

Appli mobile, web mobile #

• [ Android] Sortie d'Android 14 : quelques nouveautés en termes d'accessibilité, notamment le zoom texte jusqu'à 200% pour être conforme aux WCAG (en) : https://developer.android.com/about/versions/14/summary?hl=fr
• [ iOS] Linter SwiftUI (en) : https://dev.to/steady5063/using-accessibility-rules-with-swiftlint-47cb
• [ iOS] Reveal collecte les données de votre application pour afficher sa mise en page et ses informations d'accessibilité, pour un audit ultra rapide axé sur l'accessibilité (Version d'essai 14 jours) (en) : https://revealapp.com/
• [ iOS] Outil pour inspecter les sites web et webapps sur iOS (payant) (en) : https://yatil.net/blog/inspect-web-ios
• [ WCAG] Un article du gouvernement anglo-saxon sur l'application des WCAG aux applis mobiles (en) : https://accessibility.blog.gov.uk/2023/10/18/how-mobile-apps-undergo-accessibility-monitoring/
• [ iOS] Inspect&er le code web sur iOS (en) : https://yatil.net/blog/inspect-web-ios:
• [ iOS] plan de test a11y (en) : https://moba11y.com/blog/ios-accessibility-test-plan/

Ergonomie, UI & UX #

• Matrice d'audit UX : https://miro.com/app/board/uXjVM2whwko=/

Ressources #

• Le guide complet du ChatBot accessible, tout, y'a tout (en) : https://mitre.github.io/chatbot-accessibility-playbook/
• Une police de caractère adaptée aux mal-voyants (en) : https://brailleinstitute.org/freefont
• Dictionnaire collaboratif en Facile à Lire et à Comprendre (FALC) et en Français simplifié : https://www.falc-able.com/falc/

Autres #

• Réponses aux questions fréquentes sur l'a11y (en) : https://hidde.blog/a11y-faq/
• Les mythes de l'accessibilité : https://a11ymyths.com/
• PlayAbility : quand l’intelligence artificielle rend le jeu vidéo accessible au handicap : https://www.radiofrance.fr/franceinter/playability-quand-l-intelligence-artificielle-rend-le-jeu-video-accessible-au-handicap-1904067