diff --git a/src/en/articles/watch-october-november-2023.md b/src/en/articles/watch-october-november-2023.md new file mode 100644 index 000000000..50b5e5d62 --- /dev/null +++ b/src/en/articles/watch-october-november-2023.md @@ -0,0 +1,104 @@ +--- +title: "#a11y technical watch, October-November 2023" +abstract: "#a11y anthology, October-November 2023" +date: "2023-12-05" +tags: + - veille +--- + + +# Digital accessibility monitoring October-November 2023 + +For the official release of WCAG 2.2, this October 5 in English (https://www.w3.org/TR/2023/REC-WCAG22-20231005/), many articles have been written, here are some of them collected in these are two lists: https://www.smashingmagazine.com/2023/10/roundup-wcag-explainers/ and https://adrianroselli.com/2023/10/obligatory-wcag-2-2-launch-post.html. +And soon a French version (in progress) and will arrive in EN 301549 and EAA (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/)... So use it now! +Happy reading, happy end of the year! + +## Accessibility in laws and standards + +- WCAG 2.2 and what it means: https://www.craigabbott.co.uk/blog/wcag-22-and-what-it-means-for-you/ +- WCAG 2.2, explanations (fr): https://access42.net/wcag-2-2-publication/ +- Everything about EN301549 and its impacts, read: https://www.tpgi.com/understanding-en-301-549-the-european-standard-for-digital-accessibility/ +- The United Kingdom reviews this A11y obligation (fr): https://tetralogical.com/blog/2023/11/07/amendment-to-public-sector-accessibility-regulations/ +- An update on regulations in France on a11y (fr): https://www.temesis.com/blog/synthese-des-nouvelles-reglementations-encadrant-laccessibilite-numerique-en-france/ +- Obligations following the decrees in France (fr): https://www.linkedin.com/pulse/compte-%C3%A0-rebours-2025-laccessibilit%C3%A9-num%C3%A9rique-pour-tous-croix-ggm2e/ +- Press release on the ratification of the ordinance for sanctions on publicly non-accessible sites (fr): + +## Accessibility strategy + +- An accessible shopping cart, video and transcription: https://www.nicchan.me/blog/talk-developing-an-accessible-add-to-cart-flow/ +- Take into account a11y in your company or activity: https://meryl.net/how-to-be-accessibility-ally/ +- Who is responsible for accessibility: https://silktide.com/blog/who-is-responsible-for-web-accessibility/ +- Accessible translation of an interface: https://benmyers.dev/blog/multilingual-web-accessibility/ +- Accessible kiosks, a niche for innovation (fr): https://www.devprojournal.com/software-development-trends/accessibility-is-the-key-to-kiosk-market-growth/ +- Go faster, be more effective in improving accessibility: https://karlgroves.com/how-long-until-your-website-is-accessible/ +- Of course, training in a11y is not enough: https://www.reidmore.online/post/accessibility-training-will-not-save-you +- The 2023 symposium on AI and A11y by W3c/WAI, nice (fr): https://www.w3.org/WAI/research/ai2023/ +- Ensure a11y in a large entity (fr): https://www.ekino.fr/publications/comment-generaliser-laccessibilite-au-sein-dune-entite-mondiale/ + +## Test accessibility + +- Automate the a11y, not so simple but...: https://daverupert.com/2023/10/nine-a11y-jobs-where-robots-suck/ +- Contrast testing tools: https://blog.pope.tech/2023/10/17/color-contrast-accessibility-tools-with-examples/ +- The good a11y KPIs in an agile project: https://www.levelaccess.com/blog/best-practices/agile-accessibility-kpis-how-to-measure-what-matters/ +- WCAG Tester 2.2, 3.2.6 Consistent Help: https://www.tpgi.com/how-to-test-3-2-6-consistent-help/ +- A nice little tool for designers, allowing you to find the right contrast according to different types of visual disabilities but also in dark mode or exposure to sunlight (very common on mobile applications): https://www.whocanuse.com/ +- Supervise the a11y, tools roundup: https://www.digitala11y.com/enterprise-accessibility-tools-roundup/ + +## Technical accessibility points + +- Further in accessible forms: https://blog.pope.tech/2023/09/26/form-accessibility-and-usability-beyond-the-basics/ +- Link or button, interesting considerations: https://www.tpgi.com/short-note-on-button-or-link/ +- WCAG 2.5.8 Target size, explained: https://adrianroselli.com/2023/10/obligatory-wcag-2-2-launch-post.html +- Tips and tricks for accessible form messages:https://onsman.com/writing-accessible-form-messages/ +- For those who still don't understand: https://ashleemboyer.com/blog/don-t-use-fixed-css-height-or-width-on-text-containers +- Organizer of "option" of a "select" and support of AT, case study: https://adrianroselli.com/2023/10/splitting-within-selects.html +- Unique ids are important: https://www.deque.com/blog/unique-id-attributes-matter/ +- A table with selected rows: https://adrianroselli.com/2023/11/dont-turn-a-table-into-an-aria-grid-just-for-a-clickable-row.html +- Discover the semantics, an exhttps://toddl.dev/posts/section-is-the-new-div/ +- Keeping semantics in lists without bullets: https://www.matuzo.at/blog/2023/removing-list-styles-without-affecting-semantics +- Accessible web tables: https://access42.net/integrer-tableaux-html-accessibles-conformes-rgaa/ +- Complex tables and a11y: https://access42.net/tableaux-donnees-complexes-integration-html-accessible-rgaa/ +- Tips for focus visibility: https://www.deque.com/blog/give-site-focus-tips-designing-usable-focus-indicators/ + +## Feedbacks on accessibility + +- A11y annotations, yes, but be careful: https://ericwbailey.website/published/accessibility-annotation-kits-only-annotate/ +- A really good accessible seat reservation widget: https://www.tpgi.com/accessibility-theater/ +- Monitoring of public websites and mobile apps in Great Britain: https://www.gov.uk/guidance/public-sector-website-and-mobile-application-accessibility-monitoring +- The true cost of non-accessibility: https://www.tpgi.com/the-true-cost-of-not-prioritizing-accessibility/ +- Front-end developers don't understand accessibility: https://gomakethings.com/front-end-devs-really-dont-understand-accessibility/ +- Myths about a11y and the keyboard: https://tetralogical.com/blog/2023/11/27/keyboard-accessibility-myths-wcag/ +- Role, name, value in the design phase: https://www.deque.com/blog/name-role-value-design/ +- Point of view about toasts and a11y, don't use it: https://www.erikkroes.nl/blog/burn-your-toast/ + +## Assistive technologies + +- New accessibility features in user agents: https://alastairc.uk/2023/10/accessibility-improvements-for-user-agents/ +- Strikethrough text and technical aids, how to do it correctly: https://www.webaxe.org/strikethrough-html-accessibility/ +- Keyboard navigation how to do it well: https://www.tpgi.com/how-to-avoid-breaking-web-pages-for-keyboard-users/ + +## Mobile app, mobile web + +- [ Android] Release of Android 14: some new features in terms of accessibility, notably text zoom up to 200% to comply with WCAG: https://developer.android.com/about/versions/14/summary?hl=fr +- [ iOS] Linter SwiftUI: https://dev.to/steady5063/using-accessibility-rules-with-swiftlint-47cb +- [ iOS] Reveal collects data from your app to display its layout and accessibility information, for a super-fast accessibility-focused audit (14-day trial): https://revealapp.com/ +- [ iOS] Tool to inspect websites and webapps on iOS (paying): https://yatil.net/blog/inspect-web-ios +- [ WCAG] An article from the Anglo-Saxon government on the application of WCAG to mobile apps: https://accessibility.blog.gov.uk/2023/10/18/how-mobile-apps-undergo-accessibility-monitoring/ +- [ iOS] Inspect web code on iOS: https://yatil.net/blog/inspect-web-ios +- [ iOS] A11y test plan : https://moba11y.com/blog/ios-accessibility-test-plan/ + +## Ergonomics, UI & UX + +- UX audit matrix: https://miro.com/app/board/uXjVM2whwko=/ + +## Resources + +- The complete guide to accessible ChatBot, everything, there's everything: https://mitre.github.io/chatbot-accessibility-playbook/ +- A font suitable for the visually impaired: https://brailleinstitute.org/freefont +- Collaborative dictionary in Easy to Read and Understand (FALC) and in simplified French (fr): https://www.falc-able.com/falc/ + +## Others + +- Answers to frequently asked questions about a11y: https://hidde.blog/a11y-faq/ +- Accessibility myths: https://a11ymyths.com/ +- PlayAbility: when artificial intelligence makes video games accessible to disabled people (fr): https://www.radiofrance.fr/franceinter/playability-quand-l-intelligence-artificielle-rend-le-jeu-video-accessible-au-handicap-1904067 diff --git a/src/fr/articles/veille-octobre-novembre-2023.md b/src/fr/articles/veille-octobre-novembre-2023.md new file mode 100644 index 000000000..d7a6ae7f4 --- /dev/null +++ b/src/fr/articles/veille-octobre-novembre-2023.md @@ -0,0 +1,106 @@ +--- +title: "Veille #A11y Octobre-Novembre 2023" +abstract: "Florilège de ressources en #a11y, Octobre-Novembre 2023" +date: "2023-12-05" +tags: + - veille +--- + +# 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-%C3%A0-rebours-2025-laccessibilit%C3%A9-num%C3%A9rique-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 : + +## 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 + + \ No newline at end of file