Veille accessibilité numérique Octobre-Novembre 2021

Un peu en retard cette fois mais bon les fêtes et tout ça...

Période oblige, le fameux 24 jours de web, le calendrier de l'avent web : https://www.24joursdeweb.fr.

On continu par un coup de gueule sur l'immobilisme Français au niveau de l'A11y, https://www.yanous.com/pratique/informatique/pointsdevue211001.html, en gros sans sanctions rien n'avancera !

Pour faire suite aux poursuites intentées pas Facil'iti, Koena dépose ses conclusions pour le procès https://koena.net/proces-faciliti-conclusions-koena-12-novembre-2021/.

Et dans la même veine, un autre site sur les surcouches d'accessibilité : https://overlayfalseclaims.com.

Bonnes fêtes !

L’accessibilité dans les lois, les normes et recommandations #

• Plaidoyer de 12 propositions pour concrétiser l’obligation d’accessibilité en France : https://certam-avh.com/fr/dossiers-thematiques/plaidoyer-pour-l-accessibilite-numerique#les-douze-propositions-de-l-association-valentin-hauy
• Coup de gueule des malvoyants sur l‘a11y : https://informations.handicap.fr/a-web-inaccessible-ras-le-bol-internautes-malvoyants-31777.php
• Et la suite logique de ce manque volonté politique, porter plainte : https://www.voirensemble.asso.fr/actualites/sites-internet-inaccessibles-les-aveugles-se-portent-en-justice
• Principales avancées de WCAG 3.0, attention WCAG 3.0 n’est pas officielle, hein (en) : https://www.boia.org/blog/understanding-the-differences-between-wcag-2.2-and-wcag-3.0 et là aussi https://uxdesign.cc/wcag-3-0-what-you-need-to-know-about-the-future-of-accessibility-standards-2e1f6374f2c7
• Le tour des nouveaux critères WCAG 2.2 (en) : https://www.essentialaccessibility.com/blog/new-wcag-22-release-impacts-2021-web-accessibility
• Bien utiliser ARIA 1.2 (editor draft) par le W3C (en) : https://w3c.github.io/aria-practices/
• Certification Qualiopi et accessibilité des formations : https://access42.net/qualiopi-handicap-indicateur26-formation-accessible

Retours d’expérience et accessibilité #

• Mise à jour des tests de patterns SVG et leur support dans les lecteurs d’écran (en) : https://codepen.io/cariefisher/pen/QWpjded
• Les experts en a11y ne sont pas des évangélistes, un point de vue que je partage (en) : https://uxdesign.cc/it-is-time-to-ditch-the-title-evangelist-from-accessibility-d35e8723ed71
• Point de vue intéressant sur l’avenir proche qui serait bénéfique pour l’a11y (en) : https://yatil.net/blog/fix-web-accessibility-systematically
• Comparaison des principaux outils de sondage en ligne, c’est ki ki gagne ? (en) : https://www.washington.edu/accessibility/2021/09/28/online-survey-tools/
• Les faux négatifs de nos outils d’a11y, prenez garde (en) : https://adrianroselli.com/2021/09/beware-false-negatives.html

Stratégie de mise en accessibilité #

• A-t-on besoin de savoir combien de gens bénéficient de l’a11y sur notre site (en) : https://hiddedevries.nl/en/blog/2021-12-05-how-many-people-with-disabilities-use-our-site
• Le planning collaboratif en accessibilité, à lire (en) : https://www.deque.com/blog/collaborative-planning-the-forgotten-step-of-accessible-development/
• Captcha et a11y, un tour d’horizon (en) : https://www.digitala11y.com/the-captcha-conundrum-accessible-alternatives/
• La visibilité focus selon WCAG 2.1 et même 2.2 (en) : https://www.sarasoueidan.com/blog/focus-indicators/
• Considérer tout type de handicap en a11y, ici la photophobie (en) : https://www.boia.org/blog/web-design-mistakes-that-impact-light-sensitive-users

Tester l’accessibilité #

• PAC pdf Accessibility Checker, nouvel éditeur, nouvelle version (en) : https://pdfua.foundation/en/pac-download
• 47 bookmarklets pour tester l’a11y (en) : https://www.digitala11y.com/accessibility-bookmarklets-testing/
• ARC, un outil pour tester l’a11y, tout y est expliqué, outil bien foutu (en) : https://valor-software.com/articles/arc-a-new-weapon-against-accessibility-bugs.html
• Equal Access, un nouvelle suite d’outils (extension navigateur, bibliothèque de tests ci/cd) d’IBM pour l’a11y, je ne l’avais pas encore vu, à tester (en) : https://github.com/IBMa/equal-access
• AI et tests d’a11y (en) : https://www.tpgi.com/introduction-to-a-i-and-accessibility-testing/

Points techniques en accessibilité #

• L’attribut scope n’est plus nécessaire pour les principaux lecteurs d’écran (en) : https://www.tpgi.com/short-note-on-scoping-mechanisms/
• Les pièges clavier, une horreur (en) : https://www.boia.org/blog/why-keyboard-traps-are-one-of-the-most-frustrating-accessibility-issues
• Trop d’a11y tue l’a11y, un exemple avec les champs de formulaire (en) : https://www.scottohara.me//blog/2021/10/04/redundantly-redundant.html
• React et a11y, tour d’horizon (en) : https://www.freecodecamp.org/news/react-accessibility-tools-build-accessible-react-apps/
• Le rôle ARIA application, les pour/contre (en) : https://www.boia.org/blog/avoid-accessibility-issues-when-using-arias-application-role
• Ce que voient les lecteurs d’écran, chouettes exemples et explications (en) : https://www.boia.org/blog/avoid-accessibility-issues-when-using-arias-application-role
• Des titres de page 'title' dans React (en) : https://dev.to/steady5063/accessible-titles-in-react-210j
• Taille du texte pour le web, une réponse à une question souvent posée (en) : https://pimpmytype.com/font-size/
• Encore une fois un lien n’est pas un bouton et inversement (en) : https://yatil.net/blog/buttons-vs-links
• Mettre en place prefers-reduced-motion, article de fond (en) : https://www.smashingmagazine.com/2021/10/respecting-users-motion-preferences/
• Nom, étiquette et ARIA, plein de techniques de bases (en) : https://www.scottohara.me/blog/2021/11/02/names-and-labels.html

Appli mobile, web mobile #

• Tester une appli mobile ou un site webmobile pour l’a11y (en) : https://www.boia.org/blog/how-do-i-test-my-app-or-mobile-website-for-accessibility
• Les lecteurs d’écran sur mobile, une belle synthèse (en) : https://tetralogical.com/blog/2021/10/05/browsing-with-a-mobile-screen-reader/
• Support de Swift UI par aXe DevTools mobile (en) : https://www.deque.com/blog/axe-devtools-mobile-now-supports-swiftui/
• Qu’est qu’une appli mobile accessible (en) : https://www.boia.org/blog/what-is-accessibility-in-mobile-apps

Ergonomie, UI & UX #

• Design et accessibilité, un guide (en) : https://www.saggezza.com/a-guide-to-accessible-digital-ux-design/
• Design et accessibilité, un podcast chouette : https://podcast.designmasterclass.fr/episode/28/design-accessible-une-priorite
• Un kit tout prêt pour des annotations d’a11y dans Figma, pratique (en) : https://www.figma.com/community/file/1022394680250523675
• Trop de fenêtres surgissantes, édifiant (en) : https://www.nngroup.com/articles/overlay-overload/
• UX=a11y et inversement (en) : https://uxdesign.cc/ux-accessibility-accessibility-ux-3f609617c480
• Bannir les liens génériques « cliquez ici » et autre « lire la Suite » (en) : https://uxdesign.cc/the-problem-with-click-here-and-learn-more-links-d01a0eba5cbd

Ressources #

• Un florilège de mythe sur l’a11y, y’en a pleins (en) : https://a11ymyths.com/
• Les utilisateurs de loupe d’écran (en) : https://tetralogical.com/blog/2021/11/10/browsing-with-screen-magnification
• La bible de l’audiodescription à garder (en) : https://www.3playmedia.com/learn/popular-topics/audio-description/
• Article payant mais checklist gratuite sur les chatbots accessibles, gros boulot, bien complet (en) : https://link.springer.com/chapter/10.1007/978-981-16-1781-2_80
• Présentation de ressources accessibilité sur la réalité augmentée et virtuelle (en) : https://arpost.co/2021/10/28/xr-association-xr-access-xraccessibility-site/ et le site ressource (en) : https://github.com/XRAccessibility/xraccessibility.github.io
• Ça m’a fait rire, un bouton en html comment bien faire, une leçon de code (en) : https://www.buttoncheatsheet.com/
• Qu’est ce qu’un audit a11y (en) : https://www.rmmagazine.com/articles/article/2021/10/12/what-constitutes-a-digital-accessibility-audit
• L’a11y et les réseaux sociaux, comment bien faire (en) : https://therealalexa.com/accessible-social
• Introduction sur les lecteurs d’écran (en) : https://www.tpgi.com/what-is-a-screen-reader-and-why-are-they-important/
• Quelques-uns des outils de génération de déclaration d ‘a11y (en) : https://www.digitala11y.com/accessibility-statement-generators-roundup/
• Le grand guide des sous-titrages pour les principaux lecteurs vidéo, un instantané de l’état de l’art (en) : https://www.3playmedia.com/blog/guide-caption-description-formats-video-player/
• Ressources pour le sous-titrage, bien complet : https://github.com/emma11y/sous-titres/
• Construire une galerie de photo, par exemple, accessible en html (en) : https://www.smashingmagazine.com/2021/10/build-expandable-accessible-gallery/
• Belle intro à l’a11y : https://www.usabilis.com/accessibilite-numerique/

Autres #

• 6 points pour améliorer l’a11y de vos réunions distancielles (en) : https://meryl.net/accessible-online-video-meetings/
• L’AI pas si ben que ça pour l’a11y (en) : https://www.vice.com/en/article/m7az74/people-with-disabilities-say-this-ai-tool-is-making-the-web-worse-for-them