Veille accessibilité numérique Juin-Juillet 2022

On reparle de Domino (les pizzas pas le jeu !), spoiler alert : ils ont perdu et pan, headshot (en) : https://www.adatitleiii.com/2022/06/robles-v-dominos-settles-after-six-years-of-litigation/.
Comme je dis toujours (alerte : affirmation de vieil expert a11y), le problème en accessibilité c'est qu'on fait au mieux, on ménage la chèvre et le choux, encore un très bel exemple (en) https://www.smashingmagazine.com/2022/06/voice-control-usability-considerations-partially-visually-hidden-link-names/
Tiens, encore et toujours, on reparle des overlays, point de vue qui fait consensus dans la communauté a11y (en) : https://karlgroves.com/overlays-are-here-to-stay-so-are-male-enhancement-pills/ pour aller plus loin, une liste de bonnes pratiques (en) : https://convergeaccessibility.com/2022/06/20/best-practices-for-overlays-part-2/
Grande nouvelle, sortie officielle de la traduction des WCAG 2.1 en Français (https://www.w3.org/Translations/WCAG21-fr/) dont votre serviteur et membre du comité de trad : https://access42.net/publication-traduction-francaise-officielle-wcag-2-1, ça permet de fixer les termes en français, c'est important ! Quelques interviews suite à ce travail collaboratif et au long cours : https://access42.net/blog
Et pour finir, mon rapide édito, dernières news WCAG 2.2 (publication toujours prévu en septembre, on se prépare) et 3 (en) : https://whollyaccessible.org/2022/06/02/wcag-2-2-and-wcag-3-status-updates/.

l'accessibilité dans les lois et les normes #

• Alternatives d'image et Twitter (en) https://www.lireo.com/what-to-know-twitter-alternative-text-images/
• Un questionnaire pour améliorer le document du W3c "Making Content Usable for People with Cognitive and Learning Disabilities" (en) : https://docs.google.com/forms/d/e/1FAIpQLSczlviGQgUNfdo9WXjK4qkY-liq9_gnlt4s76ho-4xhXYSJpg/viewform
• Annonce de la publication du document Synchronization Accessibility User Requirements par W3C/WAI Group (en) : https://lists.w3.org/Archives/Public/public-wai-announce/2022JulSep/0001.html

Retours d’expérience et accessibilité #

• Retours tests utilisateurs handicapés et tuile d'article, super intéressant, à mettre en place (en) : https://tetralogical.com/blog/2022/07/21/research-insight-accessibility-of-images/
• Les cordonniers, les plus mal chaussés... (en) : https://jpdev.pro/jpdev/blog/entries/0008/index.html
• Super témoignage d'un trouble peu connu, un incontournable pour envisager plus largement ce que peuvent être les handicaps numériques (en) :https://www.theverge.com/23191768/animation-accessibility-neurodivergence
• Faire du drag-&-drop, y'aura une suite, pédagogique (en) : https://www.darins.page/articles/screen-readers-drag-drop-1
• La propriété CSS display mal gérée car casse la sémantique (en)  :https://adrianroselli.com/2022/07/its-mid-2022-and-browsers-mostly-safari-still-break-accessibility-via-display-properties.html
• Encore des souci autour de fieldset/legend (en) : https://adrianroselli.com/2022/07/use-legend-and-fieldset.html
• Rex sur l'écriture des alt d'image, à méditer (en) : https://adactio.com/journal/19106
• Des méthodes pratiques pour l'a11y dans une entreprise/organisation, partie 2, bonne recommendations (en) : https://mn.gov/mnit/media/blog/#/detail/appId/1/id/530635
• Affordance visuelle, soyez cohérent dans la mise en place de vos composants d'interface (en) : https://tink.uk/perceived-affordances-and-the-functionality-mismatch/
• Une idée de codage d'un groupe de boutons exclusif, à tester (en) : https://lea.verou.me/2022/07/button-group/

Stratégie de mise en accessibilité #

• Super article de fond sur Captcha et a11y, un incontournable (en) : https://holistica11y.com/definitive-guide-to-captcha-accessibility/#second-analysis-captcha-and-security
• Stratégie de maintient de l'a11y (en) : https://matthewdeeprose.github.io/objectives
• l’abécédaire du report du report de bug a11y d'une AT, bonne checklist (en) : https://giovanicamara.com/blog/ultimate-guide-to-debugging-accessibility-issues/
• Un ou zéro, l'a11y n'est pas binaire mais... (en) : https://hidde.blog/accessibility-objectivity/
• De la taille variable de l'alternative à une image (en) : https://css-tricks.com/just-how-long-should-alt-text-be/
• Base pour écrire des user stories a11y (en) : dhttps://tetralogical.com/blog/2022/05/26/how-to-write-user-stories-for-accessibility/
• Changer la méthode de management pour l'a11y, à lire (en) :
  • partie 1 : https://www.deque.com/blog/change-management-for-accessibility-part-1/
  • partie 2 : https://www.deque.com/blog/change-management-for-accessibility-lewins-three-stage-model/
  • partie 3 : https://www.deque.com/blog/change-management-for-accessibility-plan-do-check-act-pcda-model/
• Un design system accessible, les avantages (en) : https://tetralogical.com/blog/2022/06/24/accessible-design-systems/
• Quelques idées pour un plan sans accroc en accessibilité, un pense-bête (en) : https://meiert.com/en/blog/accessibility-get-well-plan/
• Conseils de base pour les développeurs débutants en a11y (en) : https://dev.to/eevajonnapanula/my-advice-to-a-developer-new-to-accessibility-a5i
• Faire du niveau AAA, c'est possible et parfois facile, bien pensé (en) : https://www.tempertemper.net/blog/bag-some-aaa-wins-where-you-can
• Stratégie d'une campagne social média accessible (en) : https://gcs.civilservice.gov.uk/guidance/digital-communication/planning-creating-and-publishing-accessible-social-media-campaigns/

Tester l’accessibilité #

• Une autre Vallydette ? (en) : https://not-checklist.intopia.digital/
• A-t-on besoin d'un lecteur d'écran pour tester l'accessibilité (en) : https://www.digitala11y.com/do-we-need-screen-reader-for-accessibility-testing/
• A11y et acceptance, la nav clavier, bien (en) : https://dev.to/steady5063/keyboard-testing-the-a11y-enhancement-to-your-definition-of-done-2n7c
• Critères WCAG 1.14.10 reflow et 1.4.4 text resize comment tester (en) : https://yatil.net/blog/resize-text-reflow
• Les principaux problèmes d'un testeur a11y aveugle (en) : https://equalentry.com/accessibility-problems-blind-testers/
• Pa11y comme outil de reporting de test multipages, chouette (en) : https://matthiasott.com/notes/generating-accessibility-test-results-with-pa11y-ci
• Bien utiliser l'extension Wave (en) : https://webaim.org/blog/tips-for-getting-the-most-out-of-wave/
• Un test sur l'a11y des emails, à lire (en)  :https://emailmarkup.org/en/reports/accessibility/2022-07/

Points techniques en accessibilité #

• Rappel, ne pas empêcher le zoom mobile dans les meta, tour d'horizon du souci (en) : https://www.matuzo.at/blog/2022/please-stop-disabling-zoom/
• Focus-visible, où en est on ? (en) : https://hidde.blog/focus-visible-more-than-keyboard/
• Text-overflow en CSS et a11y (en) : https://www.tpgi.com/the-ballad-of-text-overflow/
• Les erreurs faciles à corriger mais très présentes (en) : https://hidde.blog/more-common-a11y-issues/
• Article ou section en html, passionnant (en) : https://www.smashingmagazine.com/2022/07/article-section-elements-accessibility/
• Rappel sur les SPA et a11y (en) : https://www.tpgi.com/single-page-applications/
• Réflexion pertinente sur les zones scrollables d'une page et leur utilisabilité au clavier (en) : https://adrianroselli.com/2022/06/keyboard-only-scrolling-areas.html
• Sous-titrage humain/Automatique, la comparaison (en) : https://equalentry.com/caption-videos-human-vs-automatic-captions/
• Titres secondaires, slogans, leur sémantique, à lire (en) : https://www.tpgi.com/subheadings-subtitles-alternative-titles-and-taglines-in-html/
• Les problème d'accessibilité engendrés par ARIA, bonne intro (en) : https://blog.pope.tech/2022/07/12/what-you-need-to-know-about-aria-and-how-to-fix-common-mistakes/

Appli mobile, web mobile #

• Intro sur pourquoi développer accessible (en)  :https://www.devopsdigest.com/prioritize-mobile-accessibility-or-face-an-uncertain-future
• Les valeurs a11y en Ios (en) : https://mobilea11y.com/blog/accessibility-values/
• A11y Android : talkback et les rôles (en) : https://tetralogical.com/blog/2022/07/07/android-accessibility-roles-and-talkback/

Ergonomie, UI & UX #

• Boite à outils absolument indispensables en conception d'interfaces (en) : https://www.digitala11y.com/accessibility-tools-and-resources-for-designers/
• 3 fondamentaux de l'a11y à connaitre pour tout bon UX/UI designer (en) : https://uxdesign.cc/3-accessibility-basics-you-need-to-know-as-a-designer-5e5ea2195738

Ressources #

• Sémantique, contraste et anxiété, à lire (en) : https://sarajw.hashnode.dev/aspects-of-accessibility-a11y-semantics-contrast-and-anxiety
• De l'excellente équipe a11y de la BBC, des recommandations a11y pour les produits HTML (en) : https://www.bbc.co.uk/accessibility/forproducts/guides/html/
• Plein de supers articles sur le test en a11y (en) d: https://testingaccessibility.com/articles
• Rendre ses podcasts a11y, sérieux (en) : https://podcast-accessibility.com/
• Recommandations de base en a11y par profils, pas mal (en) : https://accessibility-for-teams.com/
• Recommandations pour des média sociaux accessibles, plein de bonnes infos (en) : https://www.accessible-social.com/
• Publication d'un document sur les préconisations pour des réunions virtuelles accessibles (en) : https://www.w3.org/blog/2022/07/accessibility-of-remote-meetings-published-as-w3c-group-note/
• 10 affirmations positives sur l'a11y, wep, pas d'accord sur tout (en) : https://www.deque.com/blog/10-affirmations-good-digital-accessibility/

Autres #

• Un jeopardy d'a11y, super (en) : https://jeopardylabs.com/play/wcag-21-aa