-
Notifications
You must be signed in to change notification settings - Fork 19
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
* Changes to be committed: new file: src/en/articles/watch-october-november-2024.md new file: src/fr/articles/veille-octobre-novembre-2024.md * Update veille-octobre-novembre-2024.md * Update watch-october-november-2024.md * Update veille-octobre-novembre-2024.md * Update watch-october-november-2024.md * Update veille-octobre-novembre-2024.md --------- Co-authored-by: Pierre-Yves Ayoul <[email protected]>
- Loading branch information
Showing
2 changed files
with
185 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,92 @@ | ||
| --- | ||
| title: "#a11y technical watch, October-November 2024" | ||
| abstract: "#a11y anthology, October-November 2024" | ||
| date: "2024-12-07" | ||
| tags: | ||
| - veille | ||
| --- | ||
|
|
||
| # Digital accessibility watch October-November 2024 | ||
|
|
||
| To start an interview with a comrade, Olivier Nourry, a long-standing fighter in accessibility (fr): https://access42.net/interview-olivier-nourry-expert-accessibility-numerique/. | ||
| And then, because it is the season, the famous Advent calendar 24 days of web with lots of a11y in it (fr): https://www.24joursdeweb.fr/2024. | ||
| Last advice, the replays of ParisWeb 2024, the conference, the only one to see if you are in digital accessibility, web quality and eco-design with lots of love in it. I chose two conferences that I liked but there are many others (fr): | ||
| - https://www.paris-web.fr/2024/conference/be-a-dolphin-not-a-shark-using-cooperation-conflict-to-advance-digital-accessile | ||
| - https://www.paris-web.fr/2024/conference/vos-pressentations-et-vos-sites-me-donnent-litterally-envie-de-vomir | ||
|
|
||
| ## Accessibility in laws and standards | ||
|
|
||
| - New version of the note on WCAG 2 for non-web: https://www.w3.org/tr/wcag2ict-22/ | ||
|
|
||
| ## Accessibility strategy | ||
|
|
||
| - A letter to send if your customer wants an overlay of a11y: https://alistirshepherd.uk/writing/accessibility-overlays-mail/ | ||
| - Bottom-up design and a11y strategy: https://www.smashingmagazine.com/2024/10/how-bottom-design-approach-enhances-site-accessibility/ | ||
| - Manage the a11y in the teams so that it works: https://melsumner.github.io/a11y-at-work | ||
| - Captcha and other nice things to make accessible: https://2024.wpaccessibility.day/captchas-and-other-gotchas/ | ||
| - Some actors from the a11y: https://ozewai.org/blog/technical-articles/how-is-digital-accessibility-awareness-being-promoted-across-the-globe/ | ||
| - Another article on "We are all responsible for the a11y", to read: https://meryl.net/accessibility-everyones-responsibility/ | ||
| - Strategy for controlling the accessibility of websites and mobile applications of the British public sector: https://www.gov.uk/guidance/public-sector-website-and-mobile-application-accessibility-monitoring#How-we-test | ||
|
|
||
| ## Test accessibility | ||
|
|
||
| - AI and a11y tests, point of view: https://html5accessibility.com/stuff/2024/10/10/ai-for-accessibility-conformance-testing-Why/ | ||
| - Cost of an a11y audit (fr): https://access42.net/services/cout-audit-accessibilite-numerique/ | ||
| - Test with cypress and axis: https://www.deque.com/blog/how-to-test-for-accessibility-with-cypress/ | ||
| - Test your JS to make it a11y: https://www.a11y-collective.com/blog/accessibility-in-javascript/ | ||
| - An a11y checklist of tests for PowerPoint, Practical: https://creativepro.com/powerpoint-accessibility-checklist/ | ||
| - Reminder: a11y auto tests to capture error but not to assess the level: https://cerovac.com/a11y/2024/10/reminder-automatic-accessibility-testing-can-detect-inaccessibility-but-cant-detect-accessibility/ | ||
| - A new testing guide, proposed by the British government, to transpose and test the accessibility of mobile apps according to WCAG 2.2 criteria: https://github.com/alphagov/wcag-primer/wiki/mobile-app-testing | ||
|
|
||
| ## Technical points | ||
|
|
||
| - Do not use readonly attribute in the forms: https://adrianroselli.com/2024/11/avoid-read-only-controls.html | ||
| - The two types of focusable elements, all you need to know: https://yatil.net/blog/focusable-ui-elements | ||
| - Validation of forms and error management, complete: https://tetralogical.com/blog/2024/10/21/foundations-form-validation-and-error-messages/ | ||
| - a11y PDF Part 1, good practical tips: https://www.tpgi.com/pdf-accessibility-on-the-web-tricks-and-traps-part-1/ | ||
| - and a11y PDF Part 2: https://www.tpgi.com/pdf-accessibility-on-the-web-tricks-and-traps-part-2/ | ||
| - Popovers and dialogs - which, what, how: https://css-tricks.com/clarifying-the-relationship-between-popovers-and-dialogs/ | ||
| - All on aria-activeDescendant, to read: https://sarahmhigley.com/writing/activedescendant/ | ||
|
|
||
| ## Feedback | ||
|
|
||
| - Accessible tooltips, nice: https://css-tricks.com/tooltip-best-practices/ | ||
| - AI and a11y tests, simply no: https://html5accessibility.com/stuff/2024/10/10/ai-for-accessibility-conformance-testing-why/ | ||
| - The a11y is the content and the container, example for Shopify: https://www.nicchan.me/blog/shopify-accessibility-lawsuits-compliance/ | ||
| - Disabled and contrast elements: https://html5accessibility.com/stuff/2024/11/04/disabled-and-obscured/ | ||
| - Some key steps (user scenario) to test a11y : https://www.tpgi.com/are-you-conducting-user-flow-testing-in-these-4-critical-areas/ | ||
|
|
||
| ## Assistive technologies | ||
|
|
||
| - Design and a11y, reference site: https://www.foreveryone.design/ | ||
| - Cards and screen readers: https://mn.gov/mnit/about-mnit/accessibility/news/?id=38-645700 | ||
| - Annotations in inclusive design: https://tangible.is/en/thinking/2024/10/the-value-of-accessibility-annotations-in-inclusive-design | ||
|
|
||
| ## Mobile app, mobile web | ||
|
|
||
| - Accessibility tools to understand accessibility on iOS: https://www.basbroek.nl/making-accessibility-acceessible | ||
| - Daniel Devesa shares his a11y advent calendar for iOS: https://www.linkedin.com/feed/hashtag/?keywords=adventofiosaccessibility | ||
| - Google has just announced a number of developments for Android, mainly focused on artificial intelligence and accessibility (fr): https://www.frandroid.com/android/2432052_android-devoile-6-nouvelles-fonctionnalites-le-point-sur-les-changements | ||
| - Some tips for keyboard support on native mobile applications: https://cerovac.com/a11y/2024/11/some-tips-for-keyboard-support-on-native-mobile-applications/ | ||
| - Jan Jaap de Groot, lead of the Mobile Accessibility Task Force at the W3C, announces first draft for mobile guidelines for December (fr): https://accessibilite.public.lu/fr/news/2024-11-13-interview-jan-jaap-de-groot.html | ||
| - Full Keyboard Access feature on Flutter iOS seems to have been partially fixed (after a 4 years' waiting!) : https://github.com/flutter/flutter/issues/76497 | ||
| - Access42 reminds us that it's possible to navigate in Braille on an iOS mobile (fr): https://a42.fr/braille-ios | ||
|
|
||
| ## Ergonomics, UI & UX | ||
|
|
||
| - A designer checklist of good practices : https://accessicart.com/designing-for-accessibility-a-checklist-for-designers/ | ||
| - A11y needs usability: https://blog.usablenet.com/why-accessibility-needs-usability | ||
|
|
||
| ## Resources | ||
|
|
||
| - CSUN 2024 presentations: https://docs.google.com/spreadsheets/d/1yBCYJ6flHW_KSYfBX1wNBRhGx9bxZ993_PoYaFrUAvE/edit?pli=1&gid=80757841#gid=80757841 | ||
| - a11y and cognitive disabilities: https://www.tpgi.com/making-the-web-accessible-a-focus-on-cognitive-disabilities/ | ||
| - Updated list of books on a11y from Webaxe: https://www.webaxe.org/web-accessibility-books/ | ||
| - In the Web Almanac, a big chapter on a11y, a little bit of everything about everything: https://almanac.httparchive.org/en/2024/accessibility | ||
| - Movement, parallax and a11y: https://servicenow.iu.edu/kb?id=kb_article_view&sysparm_article=KB0025852 | ||
| - Public disability policies in the face of stereotypes, prejudices and discriminations in France (fr): https://www.cncdh.fr/sites/default/files/2023-12/Les%20Essentiels%20Politiques%20publiques%20Handicap%2C%20dec%202023.pdf | ||
|
|
||
| ## Others | ||
|
|
||
| - Interview with A. Maniez (Access42), to read (fr): https://www.linkedin.com/pulse/5-questions-%25C3%25A0-audrey-maniez-experte-accessibilit%25C3%25A9-num%25C3%25A9rique-et-w4xve/ | ||
| - 12 reasons not to do eco-design: https://greenspector.com/en/12-reasons-not-to-eco-design-a-digital-service/ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,93 @@ | ||
| --- | ||
| title: "Veille #A11y Octobre-Novembre 2024" | ||
| abstract: "Florilège de ressources en #a11y, Octobre-Novembre 2024" | ||
| date: "2024-12-07" | ||
| tags: | ||
| - veille | ||
| --- | ||
|
|
||
| # Veille accessibilité numérique Octobre-Novembre 2024 | ||
|
|
||
| Pour commencer une interview d'un camarade, Olivier Nourry, un combattant de longue date en accessibilité : https://access42.net/interview-olivier-nourry-expert-accessibilite-numerique/. | ||
| Et ensuite, car c'est la saison, le fameux calendrier de l'avent 24 jours de web avec plein d'a11y dedans : https://www.24joursdeweb.fr/2024. | ||
| Dernier conseil, les replays de ParisWeb 2024, la conférence, la seule à voir si vous êtes dans l'accessibilité numérique, la qualité web et l'éco-conception avec plein d'amour dedans. J'ai choisi deux conférences qui m'ont bien plues mais y'en a plein d'autres : | ||
| - https://www.paris-web.fr/2024/conference/be-a-dolphin-not-a-shark-using-cooperation-over-conflict-to-advance-digital-accessibility | ||
| - https://www.paris-web.fr/2024/conference/vos-presentations-et-vos-sites-me-donnent-litteralement-envie-de-vomir | ||
|
|
||
| ## L'accessibilité dans les lois et les normes | ||
|
|
||
| - Nouvelle version de la note sur WCAG 2 pour du non-web (en) : https://www.w3.org/TR/wcag2ict-22/ | ||
|
|
||
| ## Stratégie de mise en accessibilité | ||
|
|
||
| - Une lettre à envoyer si votre client veut une surcouche (overlay) d'a11y (en) : https://alistairshepherd.uk/writing/accessibility-overlays-email/ | ||
| - Stratégie bottom-up design et a11y (en) : https://www.smashingmagazine.com/2024/10/how-bottom-up-design-approach-enhances-site-accessibility/ | ||
| - Gérer l'a11y dans les équipes pour que ça marche (en) : https://melsumner.github.io/a11y-at-work | ||
| - Captchas et autres joyeusetés à rendre accessibles (en) : https://2024.wpaccessibility.day/sessions/captchas-and-other-gotchas/ | ||
| - Quelques acteurs de l'a11y (en) : https://ozewai.org/blog/technical-articles/how-is-digital-accessibility-awareness-being-promoted-across-the-globe/ | ||
| - Encore un article sur "on est tous responsables de l'a11y", à lire (en) : https://meryl.net/accessibility-everyones-responsibility/ | ||
| - Stratégie de contrôle de l'accessibilité des sites web et des applications mobiles du secteur public britannique (en): https://www.gov.uk/guidance/public-sector-website-and-mobile-application-accessibility-monitoring#how-we-test | ||
|
|
||
| ## Tester l’accessibilité | ||
|
|
||
| - IA et tests d'a11y, point de vue (en) : https://html5accessibility.com/stuff/2024/10/10/ai-for-accessibility-conformance-testing-why/ | ||
| - Coût d'un audit d'a11y : https://access42.net/services/cout-audit-accessibilite-numerique/ | ||
| - Tester avec Cypress et Axe (en) : https://www.deque.com/blog/how-to-test-for-accessibility-with-cypress/ | ||
| - Tester son JS pour le rendre a11y (en) : https://www.a11y-collective.com/blog/accessibility-in-javascript/ | ||
| - Une checklist a11y de tests pour PowerPoint, pratique (en) : https://creativepro.com/powerpoint-accessibility-checklist/ | ||
| - Rappel : les tests auto d'a11y pour capter des erreurs mais pas pour évaluer le niveau (en) : https://cerovac.com/a11y/2024/10/reminder-automatic-accessibility-testing-can-detect-inaccessibility-but-cant-detect-accessibility/ | ||
| - Un nouveau référentiel de tests, proposé par le gouvernement britannique, pour transposer et tester l'accessibilité des applis mobiles selon les critères WCAG 2.2 (en) : https://github.com/alphagov/wcag-primer/wiki/mobile-app-testing | ||
|
|
||
| ## Points techniques | ||
|
|
||
| - N'utilisez pas l'attribut readonly dans les formulaires (en) : https://adrianroselli.com/2024/11/avoid-read-only-controls.html | ||
| - Les deux types d'éléments focusables, tout savoir (en) : https://yatil.net/blog/focusable-ui-elements | ||
| - Validation des formulaires et gestion des erreurs, complet (en) : https://tetralogical.com/blog/2024/10/21/foundations-form-validation-and-error-messages/ | ||
| - PDF accessible partie 1, de bonnes astuces pratiques (en) : https://www.tpgi.com/pdf-accessibility-on-the-web-tricks-and-traps-part-1/ | ||
| - et PDF accessible partie 2 (en) : https://www.tpgi.com/pdf-accessibility-on-the-web-tricks-and-traps-part-2/ | ||
| - Popovers et Dialogs - qui, quoi, comment (en) : https://css-tricks.com/clarifying-the-relationship-between-popovers-and-dialogs/ | ||
| - Tout sur aria-activedescendant, à lire (en) : https://sarahmhigley.com/writing/activedescendant/ | ||
|
|
||
| ## Retour d'expérience | ||
|
|
||
| - Des tooltips accessibles, super (en) : https://css-tricks.com/tooltip-best-practices/ | ||
| - IA et tests a11y, non (en) : https://html5accessibility.com/stuff/2024/10/10/ai-for-accessibility-conformance-testing-why/ | ||
| - L'a11y, c'est le contenu et le contenant, exemple pour Shopify (en) : https://www.nicchan.me/blog/shopify-accessibility-lawsuits-compliance/ | ||
| - Eléments inactifs et contraste (en) : https://html5accessibility.com/stuff/2024/11/04/disabled-and-obscured/ | ||
| - Quelques processus à étapes clés (scénario utilisateur) pour tester l'a11y (en) : https://www.tpgi.com/are-you-conducting-user-flow-testing-in-these-4-critical-areas/ | ||
|
|
||
| ## Aides techniques | ||
|
|
||
| - Design et a11y, site de référence (en) : https://www.foreveryone.design/ | ||
| - Cartes et lecteurs d'écran (en) : https://mn.gov/mnit/about-mnit/accessibility/news/?id=38-645700 | ||
| - Annotations dans le design inclusif (en) : https://tangible.is/en/thinking/2024/10/the-value-of-accessibility-annotations-in-inclusive-design | ||
|
|
||
|
|
||
| ## Appli mobile, web mobile | ||
|
|
||
| - Outils d'accessibilité pour comprendre l'accessibilité sur iOS (en) : https://www.basbroek.nl/making-accessibility-acceessible | ||
| - Daniel Devesa nous partage son calendrier de l'avent a11y pour iOS (en): https://www.linkedin.com/feed/hashtag/?keywords=adventofiosaccessibility | ||
| - Google vient d’annoncer plusieurs évolutions pour Android, principalement axées sur l’intelligence artificielle et l’accessibilité : https://www.frandroid.com/android/2432052_android-devoile-6-nouvelles-fonctionnalites-le-point-sur-les-changements | ||
| - Quelques conseils pour la prise en charge du clavier dans les applications mobiles natives (en) : https://cerovac.com/a11y/2024/11/some-tips-for-keyboard-support-on-native-mobile-applications/ | ||
| - Jan Jaap de Groot, à la tête de la Mobile Accessibility Task Force au sein du W3C, annonce un premier draft pour des recommandations mobile en Décembre (en) : https://accessibilite.public.lu/fr/news/2024-11-13-interview-jan-jaap-de-groot.html | ||
| - L'accès complet au clavier sur Flutter iOS semble avoir été partiellement corrigé (après 4 ans d'attente !) (en) : https://github.com/flutter/flutter/issues/76497 | ||
| - Access42 nous rappelle qu'il est possible de naviguer en Braille sur un mobile iOS : https://a42.fr/braille-ios | ||
|
|
||
| ## Ergonomie, UI & UX | ||
|
|
||
| - Une checklist de bonnes pratiques pour les designer (en) : https://accessicart.com/designing-for-accessibility-a-checklist-for-designers/ | ||
| - L'a11y a besoin de l'utilisabilité (en) : https://blog.usablenet.com/why-accessibility-needs-usability | ||
|
|
||
| ## Ressources | ||
|
|
||
| - Les présentations du CSUN 2024 (en) : https://docs.google.com/spreadsheets/d/1yBCYJ6flHW_KSYfBX1wNBRhGx9bxZ993_PoYaFrUAvE/edit?pli=1&gid=80757841#gid=80757841 | ||
| - A11y et déficiences cognitives (en) : https://www.tpgi.com/making-the-web-accessible-a-focus-on-cognitive-disabilities/ | ||
| - Mise à jour de la liste des bouquins sur l'a11y de Webaxe (en) : https://www.webaxe.org/web-accessibility-books/ | ||
| - Dans le Web Almanac, un gros chapitre sur l'a11y, un peu de tout sur tout (en) : https://almanac.httparchive.org/en/2024/accessibility | ||
| - Mouvement, parallax et a11y (en : https://servicenow.iu.edu/kb?id=kb_article_view&sysparm_article=KB0025852 | ||
| - Les politiques publiques du handicap face aux stéréotypes, préjugés et discriminations en France: https://www.cncdh.fr/sites/default/files/2023-12/Les%20Essentiels%20Politiques%20publiques%20Handicap%2C%20dec%202023.pdf | ||
|
|
||
| ## Autres | ||
|
|
||
| - Interview d'A. Maniez (Access42), à lire : https://www.linkedin.com/pulse/5-questions-%25C3%25A0-audrey-maniez-experte-accessibilit%25C3%25A9-num%25C3%25A9rique-et-w4xve/ | ||
| - 12 raisons de ne pas faire de l'éco-conception (en) : https://greenspector.com/en/12-reasons-not-to-eco-design-a-digital-service/ |