Veille accessibilité numérique Février - March 2023

En ce mois de mars, le rapport français sur la directive européenne sur l'a11y du web est là, mais que de déception : https://koena.net/rapport-de-la-france-a-la-commission-europeenne-sur-la-directive-accessibilite-web-regles-du-jeu-modifiees/. En parallèle, la transposition de l'acte européen sur l'accessibilité des produits et des services est sortie, elle aussi (https://access42.net/transposition-directive-europeenne-ue-2019-882-accessibilite-produits-services). Un énorme espoir de voir les choses s'améliorer pour les personnes en situation de handicap, mais, bon, faut voir ce qu'il en sortira (https://access42.net/impact-directive-europeenne-ue-2019-882-accessibilite-numerique, https://www.yanous.com/news/editorial/edito230303.html et
https://acteurspublics.fr/articles/christian-volle-les-manquements-aux-obligations-daccessibilite-numerique-doivent-enfin-etre-sanctionnes). :

Drôle : la norme EN 301549 (la norme européenne issue des WCAG 2.2) utilisée en Australie ((en) https://www.accessibility.org.au/policy/australian-policy/) !

Bonne lecture de printemps !

L'accessibilité dans les lois et les normes #

• Réflexions autour du SC 2.4.11 apparence du focus des WCAG 2.2 (en) : https://alastairc.uk/2023/02/focus-appearance-thoughts/
• Mort du SC 4.1.1 validité du code dans les WCAG 2.2 (en) : https://medium.com/eleven-ways/the-troublesome-life-and-lamentable-death-of-success-criterion-4-1-1-ebc57ce31191
• Les obligations légales en France : https://ideance.net/blog/293/loi-accessibilite-numerique-france/
• Les lois sur l'a11y dans le monde (mise à jour, mars 2023) (en) : https://www.lflegal.com/2013/05/gaad-legal-2/
• WCAG 2.2 dernière avancée (en) : https://www.deque.com/blog/wcag-2-2-is-at-the-candidate-recommendation-stage/
• Taille des zones interactives SC 2.5.5 tour d'horizon (en) : https://craftcms.com/blog/accessible-target-sizes
• Simplement, le SC 2.4.11 expliqué, bien (en) : https://alastairc.uk/2023/02/focus-appearance-thoughts/

Retours d’expérience et accessibilité #

• Support de la sémantique HTML, à lire (en) : https://www.tpgi.com/screen-readers-support-for-text-level-html-semantics/
• Tableaux, cellules fusionnées et a11y, à lire (en) : https://adrianroselli.com/2023/02/avoid-spanning-table-headers.html
• Les caractères spéciaux et les lecteurs d'écran, état de l'art (en) : https://elevenways.be/en/articles/screenreaders-special-characters

Stratégie de mise en accessibilité #

• Cadre de travail stratégique pour améliorer l'a11y (en) : https://webaim.org/articles/strategicframework/
• Un design system a11y pour être plus efficace (en) : https://gerireid.com/accessibility.html
• Mettre en place un état d'esprit a11y (en) : https://www.smashingmagazine.com/2023/02/keys-accessibility-mindset/
• Calcul intéressant sur le cout de l'inaccessibilité (en) : https://karlgroves.com/understanding-the-cost-of-not-being-accessible/
• Audit a11y, oui, mais pas que... (en) : https://www.digitala11y.com/connecting-dots-of-an-accessibility-audit/

Tester l’accessibilité #

• Comparaison entre outils de test a11y (en) : https://adrianroselli.com/2023/01/comparing-manual-and-free-automated-wcag-reviews.html
• Une autre comparaison d'outils a11y (en) : https://racheleditullio.com/blog/2023/01/comparing-level-access-automated-tools-to-manual-accessibility-testing/
• Auditer par composants d'une bibliothèque (en) : https://racheleditullio.com/blog/2023/01/component-library-accessibility-audit/
• Les phases de tests automatiques (en) : https://dev.to/steady5063/a-practical-approach-to-automated-accessibility-1h88
• Tests de non regression en a11y (en) : https://dev.to/steady5063/automated-accessibility-part-3-regression-tests-53cc
• A-t-on besoin d'un lecteur d'écran pour les tests d'a11y (en) : https://www.digitala11y.com/do-we-need-screen-reader-for-accessibility-testing/
• Réflexions autour du futur des tests auto en a11y (en) : https://karlgroves.com/automation-is-not-the-enemy/

Points techniques en accessibilité #

• Créer un lien accessible, la base (en) : https://www.a11yproject.com/posts/creating-valid-and-accessible-links/
• Quand :focus-visible est visible, fait le point (en) : https://bitsofco.de/when-is-focus-visible-visible/?s=09
• Pour un masquage accessible natif (en) : https://benmyers.dev/blog/native-visually-hidden/
• Contre le masquage accessible natif (en) : https://www.webaxe.org/we-dont-need-visually-hidden/
• Quelques composants d'UI problématiques en a11y (en) : https://www.a11yproject.com/posts/a-guide-to-troublesome-ui-components/
• 5 erreurs dans les alternatives aux images (en) : https://www.a11yproject.com/posts/are-you-making-these-five-mistakes-when-writing-alt-text/
• Carousels accessibles (en) : https://www.smashingmagazine.com/2023/02/guide-building-accessible-carousels/
• La validation a11y de formulaire, complet (en) : https://www.smashingmagazine.com/2023/02/guide-accessible-form-validation/
• HTML ou ARIA, attention (en) : https://adrianroselli.com/2023/02/aria-vs-html.html
• Les pointer gestures (gestes de pointeur), définitions, tout est expliqué (en) : https://tetralogical.com/blog/2023/03/17/foundations-pointer-gestures/
• Faire des sliders accessible et customs, chouette (en) : https://www.tpgi.com/evolving-custom-sliders/
• Formulaire HTML a11y (en) : https://www.deque.com/axe-con/wp-content/uploads/2023/01/structuring-accessible-forms-1.pdf
• Les composants UI en CSS sont inaccessibles (en) : https://adrianroselli.com/2023/03/css-only-widgets-are-inaccessible.html
• Accessibilité des liens externes, complet (en) : https://www.digitala11y.com/external-links-in-or-out/

Appli mobile, web mobile #

• Une newsletter appli mobile et a11y, il faut s'y inscrire (en) : https://accessible-mobile-apps-weekly.ghost.io/
• Prise en main de Talkback (en) : https://www.a11yproject.com/posts/getting-started-talkback/
• Tout un site sur apps mobiles natives et web (en) : https://appt.org/en

Ergonomie, UI & UX #

• 7 choses à connaitre pour les designers sur l'a11y (en) : https://medium.com/salesforce-ux/7-things-every-designer-needs-to-know-about-accessibility-64f105f0881b
• Faites des design reviews de vos maquettes (en) : https://adhoc.team/2023/02/22/the-importance-of-adding-accessibility-design-reviews-to-the-design-process/
• Annotations a11y des maquettes (en) : https://noti.st/cariefisher/Bin4xT/essential-accessibility-annotations-for-a-smoother-design-to-development-handoff#sprK2tQ
• Bonnes pratiques UX pour les sous-titres (en) : https://www.smashingmagazine.com/2023/01/closed-captions-subtitles-ux/

Ressources #

• Des petits tips pour l'a11y, super (en) : https://bite-sized-a11y.com/
• Créer accessible avec le design inclusif (en) : https://www.interaction-design.org/literature/article/learn-to-create-accessible-websites-with-the-principles-of-universal-design
• Afficher le Braille dans NVDA, JAWS et VoiceOver (en) : https://adrianroselli.com/2023/01/jaws-nvda-and-voiceover-braille-viewers.html
• Pense-bête HTML sémantique, bien pratique (en) : https://webaim.org/resources/htmlcheatsheet/
• Grosse liste de ressources : https://ideance.net/fr/ressources-accessibilite-numerique/
• Sous-titres auto, un état des lieux et des recos (en) : https://equalentry.com/automatic-captions-experiments-best-practices/
• Guide pour faire un audit d'a11y (en) : https://www.digitala11y.com/a-definitive-guide-on-how-to-perform-a-web-accessibility-audit/
• Audits manuels a11y, le guide (en) : https://blog.pope.tech/2023/03/01/a-beginners-guide-to-manual-accessibility-testing/

Autres #

• a11y et trouble de l'attention (en) : https://uxdesign.cc/software-accessibility-for-users-with-attention-deficit-disorder-adhd-f32226e6037c
• Mastodon, images et alternatives (en): https://pathofex.com/how-to-add-alt-text-to-images-on-mastodon/
• Chiffres romains et synthèses vocales (en) : https://shkspr.mobi/blog/2023/03/unicode-roman-numerals-and-screen-readers/