Accessibility Tools and Resources for Designers Article
État des lieux des outils et ressources utiles aux designers pour annoter l’accessibilité d’un design.
Anglais : 97 ressources
-
-
Accessible design systems Article
Bénéfices et spécifiticités d’un design system accessible.
-
Browsing with assistive technology videos Vidéo
Comprendre comment les personnes handicapées utilisent le web avec des technologies d’assistance : lecteur d’écran, navigation au clavier, loupe d’écran ou reconnaissance vocale.
-
Browsing with assistive technology videos Vidéo
Comprendre comment les personnes handicapées utilisent le web avec des technologies d’assistance : lecteur d’écran, navigation au clavier, loupe d’écran ou reconnaissance vocale.
-
Do virtual whiteboard apps work for everyone? Article
Pistes pour mener des sessions d’idéations accessibles, avec des outils type tableaux blancs (Mural, Miro…)
-
A Designer’s Guide to Documenting Accessibility & User Interactions Ressource
Comment documenter l’accessibilité et les interactions de ses maquettes ?
-
Designing for Dyslexia Article
10 conseils pour concevoir pour les personnes dyslexiques, et qui seront bénéfiques pour toutes et tous.
-
WCAG 2.1 Map Ressource
Cartographie des critères d’accessibilité du WCAG, par principes (perceptible, opérable, utilisable, robuste)
-
Why we need more accessibility designers Ressource
Support de présentation sur le rôle d’un designer en accessibilité
-
Access Guide Ressource
Annuaire des règles du WCAG (Web Content Accessibility Guidelines) en anglais simplifié et illustré.
-
Design System du W3C Design System
Design System du W3C avec des composants accessibles et légers, de la documentation et des templates exemples.
-
UX Principles that include Cognitive Accessibility Article
Heuristiques de conceptions appliquées à l’accessibilité cognitive.
-
Accessibility in Design Article
Introduction aux normes et principes d’accessibilité pour le design d’interface.
-
Dyslexia friendly style guide
Bonnes pratiques d’écriture pour les personnes dyslexiques.
-
UX = Accessibility & Accessibility = UX Article
Réflexion sur l’accessibilité vue comme un framework UX plutôt qu’une réglementation. Quels obstacles rencontrent les utilisateurs et utilisatrices ? Quelles peuvent être leurs préférences pour accéder à un service ?
-
How to hand off accessible designs to developers? Article
Une liste illustrées de bonnes pratiques pour proposer des livrables pour les devs pour les personnes malvoyantes et/ou aveugles.
-
Inclusive Personas and Accessible Design Prompts Ressource
Liste de ressources pour concevoir des personas inclusifs et comprendre comment les personnes porteuses de handicap utilisent le web.
-
How will Long-Covid Change the UX Accessibility Landscape? Article
Réflexion sur le covid long et l’accessibilité numérique.
-
Accessibility design review Article
Guide de revue d’accessibilité pour identifier les problèmes dès la phase de conception.
-
Have you ever wondered why the WCAG colour contrast ratio doesn't always seem to work? Thread Twitter
Pourquoi le calcul de contraste des couleurs n’est pas toujours intuitif, et comment ça va évoluer dans les années qui viennent.
-
Giving a damn about accessibility PDF
Guide rapide et sincère pour les designers : pourquoi les gens se foutent de l’accessibilité ? Comment s’y mettre même si ça risque d’être nul pour commencer ? Que ne PAS faire ?
-
Accessible design: How much motion is too much motion? Article
Guide pour concevoir des animations (micro ou macro) accessibles.
-
Testing fonts for accessibility Article
Bonnes pratiques pour le choix d’une police facile à lire.
-
Form design: from zero to hero all in one blog post Article
Liste de ressources et recherches utilisateurs pour concevoir des formulaires accessibles : conception, libellés, rédaction des questions, wording, validation…
-
Design for reading Article
Bonnes pratiques pour rédiger des textes faciles à lire
-
Inclusive UX in an era of anxiety Article
Tour d’horizon de l’impact des interfaces sur la santé mentale de ses usagers.
-
How to document the screen reader user experience Article
Bonnes pratiques d’annotations de maquettes pour les lecteurs d’écrans.
-
Form design : best practice, research insights and examples Article
Bonnes pratiques, recherche utilisateur et exemples pour concevoir des formulaires accessibles.
-
How to document accessibility as a UX designer Article
Bonnes pratiques d’éléments à documenter dans des maquettes.
-
Auditing Design Systems for Accessibility Article
Guide très complet pour auditer l’accessibilité d’un design system avec de nombreuses ressources, livrables et outils.
-
How to write accessible descriptions for interactive charts Article
Guide pour rédiger des descriptions de visualisations complexes.
-
Tips on designing inclusively for cognitive disabilities Article
Bonnes pratiques pour concevoir des applications accessibles aux personnes ayant des troubles cognitifs.
-
Disabled buttons don’t have to suck Article
Bonnes pratiques et alternatives aux boutons désactivés dans les formulaires.
-
Accessibility for Vestibular Disorders: How My Temporary Disability Changed My Perspective Article
Impact des troubles vestibulaires sur le Web.
-
Accessibility Guidelines Summary Ressource
Version simplifiée du WCAG avec des exemples pour le Web, Android et iOS.
-
There’s no such thing as a website or web app that doesn’t need to be accessible Article
Retour contre l’idée reçue que certains sites n’auraient pas besoin d’être accessibles.
-
Designing for the autistic community Article
Principes de design pour les personnes sur le spectre autistique.
-
A11y Annotation Kit Ressource
Librairie Figma très complète pour annoter ses maquettes : titres des pages, niveau de hiérarchie, libellés de formulaires, etc.
-
Accessibility in Design Systems Conférence
Conférence sur comment l’accessibilité peut être portée (ou pas) par les design systems.
-
Applying Accessibility Heuristics to a Wireframe Ressource
Bonnes pratiques WCAG/RGAA revues sous la forme d’heuristiques pour auditer ses wireframes.
-
Excluding non-binary people by design: How sign-up forms can lead to discrimination Article
Retour d’expérience sur la discrimination liée à des formulaires d’inscriptions mal conçus.
-
« But we CAN’T do any testing with people with disabilities at this stage… it’s still a prototype » Thread Twitter
Idées pour mener des tests utilisateurs auprès de personnes en situation de handicap à l’étape du prototype.
-
How to write inclusive, accessible digital products Article
Bonnes pratiques pour rédiger du contenu d’interface accessible.
-
How people in government are making their research more inclusive Article
Retour d’expérience du gouvernement canadien pour une recherche utilisateur plus inclusive.
-
Designing mindful experiences for users with anxiety Article
Bonnes pratiques pour concevoir sans stress pour les personnes sujettes à l’anxiété.
-
Une grande partie de l’accessibilité numérique ne peut pas être automatisée. Pourquoi ? Parce que le coeur de l’accessibilité, c’est l’expérience humaine et l’empathie. Bien sûr, tu peux être conforme WCAG/RGAA ; mais ça ne veut pas dire que l’expérience utilisateur sera bonne. Vise l’excellence, pas seulement la conformité.
-
The UX of deadnaming Article
Conséquences d’un produit qui utilise le nom légal plutôt que le nom choisi sur les personnes transgenres.
-
The no-mouse challenge: Taking the keyboard navigation red pill Article
Invitation à naviguer sur Internet sans souris pour comprendre les barrières que les utilisateurs concernés peuvent rencontrer.
-
Creating an inclusive illustration system Vidéo
Retour d’expérience pour créer un système d’illustration qui soit représentatif des différents usagers d’un produit.
-
Quand je milite pour l’accessibilité, les gens me disent parfois « Mon site à moi, il est grand public. » Plus d’un milliard de personnes dans le monde ont un handicap : ne nous excluez pas. Et puis, « grand public » n’est pas un synonyme de non-handicapé.
-
What is your favorite one sentence definition of digital accessibility? Thread Twitter
Thread collaboratif pour tenter de décrire en une phrase l’accessibilité numérique.
-
Audit rapide d’accessibilité sur les sites AWWARDS 2020 Thread Twitter
Analyse des erreurs d’accessibilité les plus évidentes sur des sites récompensés pour leur esthétique.
-
What we can learn from Apple’s dataviz accessibility Article
Analyse des datavisualisations d’Apple avec un lecteur d’écran.
-
Data visualization cares disproportionately far too much about designing for colorblindness relative to other disabilities that are more common Thread Twitter
Plaidoyer pour considérer des handicaps plus fréquents que le daltonisme.
-
Inclusive language: words to use and avoid when writing about disability Article
Glossaires de mots à utiliser ou à éviter pour aborder le sujet du handicap.
-
Which accessibility settings do the Dutch really use on their phone? Ressource
Enquête sur l’utilisation des paramètres d’accessibilité sur les téléphones mobiles aux Pays-Bas.
-
Shit’s broken: why we need Mindful Notifications & how to Design them Article
Bonnes pratiques pour concevoir des notifications utiles et non stressantes.
-
How Cool Accessibility Tools Can Make Your Life Easier Article
Sélection d’outils pour améliorer l’accessibilité de ses produits.
-
Top 5 things to review in an Accessible Design Review Article
Erreurs fréquentes à corriger dès la conception de maquettes basses ou hautes fidélité.
-
An introduction to macOS Head Pointer Article
Démonstration de la fonctionnalité Head Pointer, pour controler son ordinateur avec sa tête (et ses sourcils !)
-
Material Design text fields are badly designed Article
Critique des composants de formulaires de Material Design
-
How we made GOV.UK more accessible Article
Retour d’expérience de classification et priorisation des problèmes d’accessibilité.
-
Accessibility 2020 Article
Analyse des tendances du Web en accessibilité en 2020. Facilité de lecture, médias, navigation, technologies d’assistances et formulaires : quel est l’état du Web aujourd’hui ?
-
11 Guidelines for Writing Microcopy that Helps Older Adults Use Your Product Article
Bonnes pratiques de rédaction de contenu pour les personnes âgées.
-
Weaving Web Accessibility With Usability Article
Retour d’expérience sur la différence entre accessibilité et usabilité et de l’intérêt de faire des tests utilisateurs avec des personnes concernées.
-
A Comprehensive Guide to Accessible User Research: Part 1 – Project Planning Article
Conseils pour planifier de la recherche utilisateur avec des personnes en situation de handicap.
-
Contrast Checker Ressource
Outil de vérification de contraste pour les boutons et éléments interactifs.
-
Plain Language Writing — An Essential Part Of Accessibility Article
-
Conducting remote research with people with access needs Article
Conseils pour mettre en place des tests utilisateurs avec personnes en situation de handicap.
-
How (not) to make accessible data visualizations, illustrated by the US presidential election Article
Étude de cas de l’accessibilité de datavisualisations des élections américaines de 2020.
-
A11Y Websites Ressource
Annuaire de sites accessibles.
-
Parent accessibility Article
Retour d’expérience sur les points communs entre parentalité de jeunes enfants et accessibilité.
-
ProPublica experiments with ultra-accessible plain language in stories about people with disabilities Article
-
A plan for accessible maps Article
Méthodologie de conception pour concevoir une carte interactive accessible.
-
The Reason Comic Sans Is a Public Good Article
Plaidoyer pour l’usager de la typographie Comic Sans Ms.
-
Hands-Free Coding Article
Retour d’expérience d’usage de logiciels de dictée et d’oculométrie.
-
Developing Inclusive Design Habits for the Average Sketch User Article
Étude de cas de la conception d’un plugin pour aider les designers à concevoir des interfaces accessibles.
-
Order and control: ideal online experience for an autistic person Article
Retour d’expérience de personnes autistes sur l’usage de sites de ecommerce.
-
Alt-Text as Poetry Article
Expériences autour des textes alternatifs.
-
Better Link Labels: 4Ss for Encouraging Clicks Article
Bonnes pratiques de rédactions de liens.
-
Designing for autistic people — overview of existing research Article
Bonnes pratiques de conception pour les personnes autistes : mise en page, contenu, couleurs, interactions, navigation…
-
Resources for developing accessible cards/tiles Article
Liste de ressources pour designer des cards accessibles.
-
Understanding Point Sizing and Font Characteristics Article
Aide au calcul du ratio de contraste en fonction de la taille et de la graisse de la typographie utilisée.
-
Accessibility for UX and UI Designers Ressource
Checklist de bonnes pratiques pour les designers UX/UI.
-
Scaling accessibility with a design system Article
Retour d’expérience de l’amélioration de l’accessibilité par la conception et mise en place d’un design system.
-
ComicA11y Article
Démonstration d’une liseuse de bande dessinée numérique inclusive.
-
44x44 Pixel Cursor Bookmarklet Ressource
Bookmarklet pour tester la taille des zones de touchs pour les applications et sites mobiles.
-
Stark Public Library Ressource
Librairies de ressources sur l’accessibilité (livres, outils, blogs, checklists, design patterns…)
-
Accessibility for Product Managers Ressource
Checklist de bonnes pratiques pour les Product Managers.
-
Cards for Humanity Ressource
Jeu de cartes pour concevoir des applications inclusives.
-
WCAG for designers Ressource
Checklist de critères du WCAG pour les designers
-
Color Contrast Grid Ressource
Plugin Figma qui transforme les couleurs d’une palette Figma en grille de combinaisons accessibles.
-
A Guide to Understanding What Makes a Typeface Accessible, and How to Make Informed Decisions Article
Points d’attention à avoir pour le choix d’une police de caractères lisible pour les personnes ayant une mauvaise vue et/ou des difficultés d’apprentissage.
-
Stop using Material Design text fields! Article
Problèmes d’usabilité du design system Material Design de Google et alternatives
-
Accessibility for Everyone Livre
Livre sur le design accessible : défis liés aux handicaps, bonnes pratiques, méthodologie, conception et tests.
-
Introduction to Web Accessibility Formation
MOOC d’introduction à l’accessibilité : impact sur l’expérience utilisateur, méthodologie, arguments pour la hiérarchie…
-
Alt-texts: the ultimate guide Article
Guide de rédaction de textes alternatifs, par un utilisateur de lecteur d’écran.
Dernière mise à jour le 19/06/2022.