Designer un web
accessible et inclusif

✨ Conception : 60 ressources

• Personas pour s'initier à l'accessibilité numérique Ressource

  Découvrir les problématiques liées aux différentes déficiences et comprendre les bonnes pratiques dans la conception de services numériques.

  Par Orange

  • Conception
  • Persona
  • Français

• A Designer’s Guide to Documenting Accessibility & User Interactions Ressource

  Comment documenter l’accessibilité et les interactions de ses maquettes ?

  Par Stéphanie Walter

  • Conception
  • Transmissions aux devs
  • Livrable
  • Anglais

• Designing for Dyslexia Article

  10 conseils pour concevoir pour les personnes dyslexiques, et qui seront bénéfiques pour toutes et tous.

  Par Stephanie Asmus

  • Conception
  • Dyslexie
  • Anglais

• Accessibility in Design Article

  Introduction aux normes et principes d’accessibilité pour le design d’interface.

  Par Annie Lee

  • Conception
  • Anglais

• UX Principles that include Cognitive Accessibility Article

  Heuristiques de conceptions appliquées à l’accessibilité cognitive.

  Par Gareth Ford Williams

  • Conception
  • Troubles cognitifs
  • Anglais

• 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 ?

  Par Gareth Ford Williams

  • Conception
  • Anglais

• Accessibility design review Article

  Guide de revue d’accessibilité pour identifier les problèmes dès la phase de conception.

  Par BBC

  • Conception
  • Audit
  • Anglais

• Accessible design: How much motion is too much motion? Article

  Guide pour concevoir des animations (micro ou macro) accessibles.

  Par Heather Waroff

  • Conception
  • Animations
  • Anglais

• Testing fonts for accessibility Article

  Bonnes pratiques pour le choix d’une police facile à lire.

  Par Colin Shanley

  • Conception
  • Typographie
  • Anglais

• 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…

  Par Adam Silver

  • Conception
  • Formulaires
  • Anglais

• Qualité Web : la checklist de référence sur l'accessibilité Ressource

  62 règles pour améliorer l’accessibilité d’un site pendant sa conception et mieux prendre en compte ses utilisateurs

  Par Opquast

  • Conception
  • Checklist
  • Français

• Design for reading Article

  Bonnes pratiques pour rédiger des textes faciles à lire

  Par US Gov

  • Conception
  • UX Writing
  • Anglais

• Inclusive UX in an era of anxiety Article

  Tour d’horizon de l’impact des interfaces sur la santé mentale de ses usagers.

  Par Cara Brashears

  • Conception
  • Santé mentale
  • Anglais

• How to document the screen reader user experience Article

  Bonnes pratiques d’annotations de maquettes pour les lecteurs d’écrans.

  Par BBC Accessibility Team

  • Conception
  • Lecteur d'écran
  • Technologie d'assistance
  • Transmissions aux devs
  • Anglais

• Form design : best practice, research insights and examples Article

  Bonnes pratiques, recherche utilisateur et exemples pour concevoir des formulaires accessibles.

  Par Geri Reid

  • Conception
  • Checklist
  • Formulaires
  • Anglais

• How to document accessibility as a UX designer Article

  Bonnes pratiques d’éléments à documenter dans des maquettes.

  Par Elise Livingston

  • Conception
  • Transmissions aux devs
  • Anglais

• 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.

  Par Deque

  • Conception
  • Design System
  • Anglais

• Disabled buttons don’t have to suck Article

  Bonnes pratiques et alternatives aux boutons désactivés dans les formulaires.

  Par Justine Win

  • Conception
  • Formulaires
  • Anglais

• Applying Accessibility Heuristics to a Wireframe Ressource

  Bonnes pratiques WCAG/RGAA revues sous la forme d’heuristiques pour auditer ses wireframes.

  Par Deque

  • Conception
  • Méthodologie
  • Anglais

• Français simplifié Article

  Présentation du français simplifié, pour produire du contenu adapté aux personnes avec des difficultés de communication ou de compréhension.

  Par Anne-Sophie Tranchet

  • Conception
  • UX Writing
  • Français

• « 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.

  Par Derek Featherstone

  • Conception
  • Tests
  • Wireframes
  • Anglais

• How to write inclusive, accessible digital products Article

  Bonnes pratiques pour rédiger du contenu d’interface accessible.

  Par Nick DiLallo

  • Conception
  • UX Writing
  • Anglais

• Designing mindful experiences for users with anxiety Article

  Bonnes pratiques pour concevoir sans stress pour les personnes sujettes à l’anxiété.

  Par Laura Alr

  • Conception
  • Notifications
  • UX Writing
  • Anglais

• Couleurs Pantone 2021 : travailler une palette accessible Article

  Processus détaillé pour construire une palette de couleur accessible et utilisable dans une interface à partir d’une base de deux couleurs.

  Par Geoffrey Crofte

  • Conception
  • Couleurs
  • Français

• 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.

  Par Vale Melvin Querini

  • Conception
  • Retour d'expérience
  • Anglais

• 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.

  Par Aldo de la Paz

  • Conception
  • Illustrations
  • Anglais

• 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.

  Par Eric Bailey

  • Conception
  • Design
  • Anglais

• What we can learn from Apple’s dataviz accessibility Article

  Analyse des datavisualisations d’Apple avec un lecteur d’écran.

  Par Sarah Fossheim

  • Conception
  • Datavisualisation
  • Lecteur d'écran
  • Textes alternatifs
  • Anglais

• 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.

  Par Frank Elaksvy

  • Conception
  • Datavisualisation
  • Anglais

• Inclusive language: words to use and avoid when writing about disability Article

  Glossaires de mots à utiliser ou à éviter pour aborder le sujet du handicap.

  Par Gov.UK

  • Conception
  • UX Writing
  • Anglais

• A11y – Focus Orderer Ressource

  Plugin pour annoter l’ordre de tabulation d’une maquette.

  Par Stark

  • Conception
  • Transmissions aux devs
  • Figma

• Shit’s broken: why we need Mindful Notifications & how to Design them Article

  Bonnes pratiques pour concevoir des notifications utiles et non stressantes.

  Par Clo S

  • Conception
  • Notifications
  • Anglais

• How Cool Accessibility Tools Can Make Your Life Easier Article

  Sélection d’outils pour améliorer l’accessibilité de ses produits.

  Par Kat Shaw

  • Conception
  • Outils
  • Anglais

• 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é.

  • Conception
  • Wireframes
  • Anglais

• Material Design text fields are badly designed Article

  Critique des composants de formulaires de Material Design

  Par Adam Silver

  • Conception
  • Design System
  • Formulaires
  • Anglais

• Écriture inclusive et accessibilité numérique Article

  État des lieux des différentes outils d’écriture inclusive et de leur impact sur l’accessibilité.

  Par Julie Moynat

  • Conception
  • Écriture inclusive
  • UX Writing
  • Français

• Concevoir des sites et applications mobiles accessibles Article

  Bonnes pratiques d’accessibilité adaptées aux applications mobiles.

  Par Anne-Sophie Tranchet

  • Conception
  • Mobile
  • Français

• 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.

  Par Michal Halperin Ben Zvi et Kinneret Yifrah

  • Conception
  • UX Writing
  • Anglais

• WordPress 5.6 : des changements visant à améliorer l’inclusivité de l’interface d’administration Article

  Retour d’expérience sur la refonte de l’interface de Wordpress pour une écriture épicène.

  Par l'équipe de traduction de Wordpress

  • Conception
  • Écriture inclusive
  • UX Writing
  • Retour d'expérience
  • Français

• L’accessibilité en agilité (retour d’expérience sur Île-de-France Mobilités) Article

  Conseils concrets pour arriver à un objectif d’accessibilité ambitieux dans une méthodologie agile.

  Par Romy Duhem-Verdière

  • Conception
  • Retour d'expérience
  • Méthodologie
  • Français

• Concevoir des formulaires inclusifs Article

  Bonnes pratiques pour concevoir des formulaires inclusifs

  Par Anne-Sophie Tranchet

  • Conception
  • Formulaires
  • Design inclusif
  • Français

• Contrast Checker Ressource

  Outil de vérification de contraste pour les boutons et éléments interactifs.

  • Conception
  • Couleurs
  • Anglais

• Illustrer la diversité et l’inclusion pour l’application Alerte COVID Article

  Retour d’expérience de conception d’illustrations inclusives.

  Par le Service numérique canadien

  • Conception
  • Illustrations
  • Retour d'expérience
  • Français

• 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.

  Par Sarah Fossheim

  • Conception
  • Datavisualisation
  • Anglais

• A plan for accessible maps Article

  Méthodologie de conception pour concevoir une carte interactive accessible.

  Par Benjy Stanton

  • Conception
  • Cartographie
  • Anglais

• Construire une carte accessible Article

  Bonnes pratiques de conception d’une carte accessible.

  Par Anne-Sophie Tranchet

  • Conception
  • Cartographie
  • Français

• Accessibility Bluelines Ressource

  Librairie d’annotations d’accessibilité pour Sketch, Figma, Adobe XD, et InVision Studio.

  Par Jeremy Elder

  • Conception
  • Transmissions aux devs
  • Français

• Designing for autistic people — overview of existing research Article

  Bonnes pratiques de conception pour les personnes autistes : mise en page, contenu, couleurs, interactions, navigation…

  Par Irina Rusakova

  • Conception
  • Autisme
  • Anglais

• 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.

  Par Yana G

  • Conception
  • Outils
  • Anglais

• 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.

  Par Irina Rusakova

  • Conception
  • Autisme
  • ecommerce
  • Retour d'expérience
  • Anglais

• Good Design Playbook Ressource

  Outils et méthodes de design inclusif.

  Par AFP Conseil

  • Recherche
  • Idéation
  • Conception
  • Tests
  • Méthodologie
  • Français

• 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.

  Par Adina Halter

  • Conception
  • Typographie
  • Anglais

• La roue d'accessibilité Ressource

  Checklist de critères d’accessibilité physiques, sensoriels et cognitifs.

  Par AFP Conseil

  • Conception
  • Checklist
  • Français

• 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.

  Par Geri Reid

  • Conception
  • Design System
  • Retour d'expérience
  • Anglais

• Luciole Ressource

  Typographie conçue spécifiquement pour les personnes malvoyantes.

  • Conception
  • Typographie
  • Français

• Cards for Humanity Ressource

  Jeu de cartes pour concevoir des applications inclusives.

  Par Idean

  • Conception
  • Idéation
  • Anglais

• WCAG for designers Ressource

  Checklist de critères du WCAG pour les designers

  Par Geri Reid

  • Conception
  • Checklist
  • Anglais

• Accessibilité et couleurs : outils et ressources pour concevoir des produits accessibles Article

  Outils et méthodologie pour concevoir des palettes de couleurs accessibles.

  Par Stéphanie Walter

  • Conception
  • Couleurs
  • Français

• Design d’interfaces accessibles : UX, UI, multimédia Formation

  Formation à une approche inclusive du design Web pour les personnes qui désignent des applications et sites numériques.

  Par Access42

  • Conception
  • Français

• Accessibility for Everyone Livre

  Livre sur le design accessible : défis liés aux handicaps, bonnes pratiques, méthodologie, conception et tests.

  Par Laura Kalbag

  • Recherche
  • Idéation
  • Conception
  • Tests
  • Sensibilisation
  • Anglais

← Voir toutes les ressources