Veille accessibilité numérique Avril-Mai 2022

Vous avez perdu la gniak, retournez-vous et regardez (en) : https://uxdesign.cc/regaining-your-accessibility-spark-a182eee9e8e6

• Un appel à commentaire final pour Exigences utilisateur pour l'accessibilité de la synchronisation, en anglais, "Synchronization Accessibility User Requirements (SAUR)" (en) : https://lists.w3.org/Archives/Public/public-wai-announce/2022AprJun/0001.html
  Le Nouveau site du W3c ARIA Authoring Practices Guide qui clarifie les choses grandement (en) : https://www.w3.org/WAI/ARIA/apg/
• https://informations.handicap.fr/a-web-parcours-obstacles-internautes-aveugles-32943.php
• On continue notre voyage dans les surcouches d'a11y, une excellente réponse d'un expert mis en cause, à lire (en) : https://adrianroselli.com/2022/04/my-cease-desist-from-audioeye.html
  Et enfin, des nouvelles sur WCAG 2.2, repoussé à septembre 2022, voilà pourquoi (en) : https://www.deque.com/blog/why-wcag-2-2-is-still-in-the-oven/
• et un autre point sur WCAG 2.2 et 3.0 (en) : https://www.linkedin.com/pulse/wcag-22-3-status-updates-rachael-bradley-montgomery/
• et un petit dernier (en) : https://uxdesign.cc/wcag-2-2-is-delayed-again-and-im-ok-with-that-bd3066e56985

l'accessibilité dans les lois et les normes #

• Tout sur la directive Européenne pour l'accessibilité web, c'est elle qui rend l'a11y "obligatoire" en Europe (en) : https://web-directive.eu/#toc1
• Un certain code éthique informatique et a11y, c'est ni une loi, ni une norme, mais ça devrait, c'est à lire (en) : https://ethics.acm.org/code-of-ethics/using-the-code/case-accessibility-in-software-development/
• Un doc du W3c donnant des conseils pour assurer un contenu accessible aux déficients cognitifs (en) : https://www.w3.org/TR/coga-usable/
• Utilisation de la couleur (critère WCAG 1.4.1), quelques exemples précis, bien documenté (en) : https://www.tpgi.com/well-color-us-surprised-this-sc-can-be-a-tricky-customer/

Retours d’expérience et accessibilité #

• Un multiselect web ancienne école (sémantique HTML) mais bien efficace, à voir (en) : https://adrianroselli.com/2022/05/under-engineered-multi-selects.html
• Support de aria-describedby dans les navigateurs/AT, teaser : ne vous y fiez pas (en) : https://adrianroselli.com/2022/04/accessible-description-exposure.html
• Remédiation en accessibilité, 4 erreurs de base (en) : https://www.boia.org/blog/4-web-accessibility-remediation-mistakes-to-avoid
• Guide gratuit, tout pour faire du VueJs accessible (en) : https://accessible-vue.com/read/
• Un composant web liste paginée accessible, sérieux (en) : https://www.smashingmagazine.com/2022/04/accessible-filterable-paginated-list-11ty-alpinejs/
• Sur les surcouches d'A11y et leur inefficacité (en) https://convergeaccessibility.com/2022/05/09/a-different-view-into-accessibility-overlays/
• Prendre en compte les retours utilisateurs de bug A11y, c'est important (en) : https://www.boia.org/blog/why-form-labels-and-instructions-are-important-for-digital-accessibility
• Les 10 erreurs d'A11y sur lesquelles se concentrer (en) : https://equalentry.com/10-most-cited-accessibility-issues/

Stratégie de mise en accessibilité #

• Les arguments pour pousser l'a11y (en) : https://tetralogical.com/blog/2022/04/05/business-case-for-accessibility/
• Financer l'a11y (en) : https://pleasefunda11y.com/
• Amélioration progressive et a11y, pourquoi (en) : https://meryl.net/accessibility-progress-not-perfection/
• coacher l'a11y, comment faire (en) : https://www.deque.com/blog/what-is-accessibility-coaching-and-why-does-it-matter/
• Les bonnes pratiques en terme de contrat et accessibilité, y'a tout (en) : https://github.com/mgifford/a11y-contracting#accessibility-contracting-best-practices
• Jeux vidéos et accessibilité, ce qui se fait, 3 articles sur les tendances : https://www.jeuxvideo.fr/dossier/419655-handicap-et-jeu-video-le-long-chantier-de-l-accessibilite
• Erreurs de base à corriger (en) : https://hidde.blog/common-a11y-issues/
• Percevable et accessibilité, définition (en) : https://www.boia.org/blog/what-is-perceivability-in-web-accessibility-wcag-principles-explained
• Contenu et service tiers, s'assurer de l'A11y (en) https://www.tpgi.com/ensure-third-party-content-is-accessible/
• Encore un, pourquoi ne pas utiliser les surcouches d'a11y, 6 bonnes raisons (en) : https://university-relations.umn.edu/blog/2022/04/18/6-reasons-avoid-using-web-accessibility-overlays
• Les bugs d'A11y en faire un levier d'amélioration et bien les gérer (en) : https://sheribyrnehaber.com/why-accessibility-bugs-are-a-good-thing-and-how-to-handle-them/
• Différentes perspectives (en) : https://hidde.blog/a11y-perspectives/
• Organiser la gouvernance en A411y, à lire, plusieurs articles (en) d: https://www.microassist.com/digital-accessibility/organizational_leadership_accessibility/

Tester l’accessibilité #

• Une checklist de qualité bien faite autour WCAG (en) s: https://not-checklist.intopia.digital/
• Nouvelle version du bookmarklet pour tester un critère des futures WCAG 2.2, le critère 2.5.8 (en) : https://codepen.io/aardrian/pen/eYyjNVg
• Les principales erreurs détectées lors de l'étude Million de WebAim et comment corriger (en) :
• https://christianheilmann.com/2022/04/12/one-million-broken-web-sites-and-a-way-to-prevent-that/
• https://hidde.blog/common-a11y-issues/
• https://www.joedolson.com/2022/04/still-plenty-of-work-to-do-the-webaim-million/
• Tester l'a11y, en construction mais déjà bien (en) : https://racheleditullio.com/projects/accessibility-testing/
• Tester au clavier (en) : https://dev.to/steady5063/keyboard-testing-the-a11y-enhancement-to-your-definition-of-done-2n7c
• La checklist pour s'assurer qu'une techno Web peut produire du contenu a11y, brouillon W3c (en) : https://w3c.github.io/apa/fast/checklist.html

Points techniques en accessibilité #

• Aller plus loin dans l'affrontement rem, em, px et zoom, à lire absolument (en) : https://www.joshwcomeau.com/css/surprising-truth-about-pixels-and-accessibility/
• N'empêchez pas le zoom (en) : https://www.matuzo.at/blog/2022/please-stop-disabling-zoom/
• Tout sur aria-labelledby, tout savoir (en) : https://html5accessibility.com/stuff/2022/04/03/aria-labelledby-usage-notes/
• Les mauvais exemples d'utilisation des Div et les problèmes que ça engendre (en) : https://www.matuzo.at/blog/2022/divs-are-bad/
• Le principe de non-interférence en: a11y, absolument à lire : https://access42.net/principe-non-interference-accessibilite-numerique
• Les skip-links ou liens d'évitement, être conforme au critère WCAG (en) : https://medium.com/evinced-inc/beam-me-up-methods-to-meet-the-bypass-blocks-success-criterion-83b84acdc599
• N'enlevez pas le Outline lors de la prise de focus, un podcast (en) : https://a11yrules.com/podcast/default-focus-outlines-dont-remove-them/
• Dans la même veine, sur le focus à conserver, voir les commentaires (en) : https://dev.to/colabottles/stop-removing-focus-2o7b
• Les boutons, space et enter, attention (en) : https://adrianroselli.com/2022/04/brief-note-on-buttons-enter-and-space.html

Appli mobile, web mobile #

• La chaine YouTube des devs sur Android et a11y, riche (en) : https://www.youtube.com/playlist?list=PLWz5rJ2EKKc8OENfLdh3zM5T6IRdlVYKj

Ergonomie, UI & UX #

• Guide officiel pour faire accessible avec Axure (en) : https://www.axure.com/blog/approachable-guide-prototyping-accessibility-axure-rp
• Article de fond sur les méthodes du design inclusif, sérieux (en) : https://www.nngroup.com/articles/inclusive-design/
• Changer son approche de design inclusif, point de vue intéressant (en) : https://www.fastcompany.com/90697288/inclusive-design-has-become-so-widely-used-that-its-meaningless-that-has-to-change
• Gérer le texte en CSS au dessus d'une image, joli (en) : https://ishadeed.com/article/handling-text-over-image-css/
• Tout sur un bon sélecteur de langue, gros boulot avec plein d'exemples (en) : https://www.smashingmagazine.com/2022/05/designing-better-language-selector/
• Formulaire, étiquettes et instructions, ce n'est pas que de l'accessibilité (en) : https://www.boia.org/blog/why-form-labels-and-instructions-are-important-for-digital-accessibility

Ressources #

• Une bonne bibliothèque de composants type fenêtre modale (dialog, alert) web accessibles (en) : https://a11y-dialog.netlify.app/
• Bonnes pratiques pour un changement de langue (en) : https://www.smashingmagazine.com/2022/05/designing-better-language-selector/
• Un livre (gratuit online) sur la mise en place d'une démarche d'a11y, à voir... (en) : https://www.thebookonaccessibility.com/
• Le pense-bête de bonnes astuces a11y, pratique (en) : https://dev.to/codegino/web-accessibility-cheat-sheet-3774
• Pour débuter avec un lecteur d'écran (en) : https://speckyboy.com/testing-your-website-screen-reader/
• Sous-titrage dans YouTube, un autre tutoriel (en) : https://jimbyrne.co.uk/use-youtube-to-create-video-captions/
• Quelques conseils de base pour bien débuter en A11y (en) : https://www.boia.org/blog/8-ways-to-make-website-accessibility-easier-and-less-expensive
• E-learning, introduction à l'accessibilité numérique par le W3c (en) : https://www.edx.org/course/web-accessibility-introduction
• Chouette illustrations suite à une formation accessibilité : https://stephaniewalter.design/fr/blog/illustrations-citation-formation-accessibilite-interfaces-access42/
• Une énorme liste de ressources A11y (en) : https://cstrobbe.gitlab.io/AccessibilityResources/contentaccessibility.html

Autres #

• Les idées fausses sur l'a11y, joli florilège de notre collègue @nota-bene : https://nota-bene.org/Idees-fausses-et-accessibilite
• Un point sur la reconnaissance vocale automatique (en) : https://www.3playmedia.com/blog/the-state-of-automatic-speech-recognition/
• Un observatoire de l'a11y en France, à suivre car je ne connais pas : https://observatoire.access-score.org/index.php?p=0
• Une souris qui s'adapte aux besoin des utilisateurs handicapés (en) : https://www.mac4ever.com/divers/170810-microsoft-presente-une-souris-et-des-boutons-adaptes-aux-utilisateurs-souffrant-d-un-handicap
• Un guide pour rendre accessible son évènement : https://lesdevalideuses.org/ressources-2/accessibiliser-un-evenement-le-guide/