Ressources d’accessibilité numérique
Dernière mise à jour le mardi 21 novembre 2023
L’équipe d’Ideance vous propose cette liste de ressources de qualité sur l’accessibilité numérique.
Sommaire
- Découverte de l’accessibilité numérique
- Législation autour de l’accessibilité numérique
- Guides d’accessibilité numérique
- Design System et composants d'interface riche accessibles
- Outils d’accessibilité numérique
- Référentiels et checklists d’évaluation de l’accessibilité numérique
- Sites dédiés à l’accessibilité numérique
- Autres ressources d’accessibilité numérique
Découverte de l’accessibilité numérique
- Accessibilité : conformité vs. réalité
- Accessibility Myths
- Accessibility Personas
- Disability Statistics
- Estimate how many people using your website might be disabled
- Lexically
- Module "L'accessibilité numérique"
- OCR Video Series
- Quelques personae
- Videos of people with disabilities using tech
- What is Digital Accessibility?
- Web Accessibility Perspectives Videos
Technologies d'assistance
- All About Assistive Technologies
- Apple – Accessibility – Sady
- Assistive Technology
- iOS Switch Control Demo
Quiz et jeux
Retour au sommaireLégislation autour de l’accessibilité numérique
- Article 47 de la loi du 11 février 2005 pour l'égalité des droits et des chances, la participation et la citoyenneté des personnes handicapées
- Décret relatif à l’accessibilité aux personnes handicapées des services de communication au public en ligne
- Digital Accessibility Laws Around the Globe
- Directive de l'Union européenne relative à l'accessibilité des sites internet et des applications mobiles des organismes du secteur public
- Global Accessibility Laws
- La norme européenne sur l’accessibilité en français
- Les obligations légales d’accessibilité numérique en France
- Modèle de déclaration d'accessibilité conformément à la directive de l'Union européenne
- Web Accessibility Laws & Policies
Guides d’accessibilité numérique
- An interactive guide to color & contrast
- Chatbot Accessibility Playbook
- Designing for diverse learners
- Dyslexia friendly style guide
- MagentaA11y
- Neurodiversity Design System
- Poet Image Description
- Prendre en compte l'accessibilité dès le cahier des charges
- Rendre votre contenu accessible dans les applications Microsoft 365
- ta11y
Technologies d'assistance
- Aide accessibilité sur Android
- Assistive technology guides
- Browsing with assistive technology
- Fiche mémo des commandes clavier sur NVDA
- Getting started with TalkBack on Android
- Guide et raccourcis NVDA pour les tests d’accessibilité
- Guide sur les lecteurs d'écran
- Navigating web with VoiceOver rotor in iPhone and iPad
- Référence des gestes de VoiceOver sous iOS
- ScreenReader app
- Screen Reader Keyboard Shortcuts and Gestures
Web
- AcceDe Web
- Access Guide
- Accessibility Developer Guide
- Accessibility for teams (01)
- Accessibility for teams (02)
- Accessibility Guidelines
- Accessibility Guidelines Summary
- Accessibility Not-Checklist
- Accessible Rich Internet Applications (WAI-ARIA) 1.1
- Accessibility Support
- A11ycasts
- Défauts d’accessibilité : Impacts sur les utilisateurs
- Designer un web accessible et inclusif
- Expedia Accessibility Resources
- Guide de référence rapide WCAG
- Guide des troubles DYS (PDF)
- Guide pour la gestion des alternatives textuelles aux images
- Guide sur le handicap mental (PDF)
- Inaccessibility of CAPTCHA
- Le jeu de l’OAA (Organisation de l’Amélioration de l’Accessibilité)
- Online Accessibility Toolkit
- Open Accessibility Standards
- Recommandations accessibilité Orange pour le web
- This is WCAG
- Using ARIA
- Web Accessibility Guidance project — NZ Government
- Web Accessibility Initiative (WAI)
Mobile
Android
- Créer des applications accessibles
- Guide de développement d'applications accessibles mobiles avec l'API Android
- Les critères incontournables sous Android
- Rendre votre application Android plus accessible
iOS
- Accessibilité sous iOS
- Accessibility on iOS
- Guide de développement d'applications mobiles accessibles avec l'API iOS
- Introduction to supporting Dynamic Type
- iOS Accessibility: Getting Started
Vidéos
- Ajouter des sous-titres aux vidéos Vimeo
- Ajouter des sous-titres aux vidéos YouTube
- Comment sous-titrer vos vidéos et vos podcasts et avec quels outils ?
- Dossier sous-titrage
- Subtitle Guidelines
- The Complete Guide to Captioned Videos
- The Ultimate Guide to Audio Description
Documents
Excel
- AcceDe PDF
- Creating Accessible Documents with Adobe InDesign (PDF)
- Création et vérification de l’accessibilité PDF (Acrobat Pro)
- PDF Accessibility
- PDF depuis InDesign
- Principes d’accessibilité avec Adobe InDesign (PDF)
PowerPoint
- PowerPoint Accessibility
- PowerPoint Accessibility Checklist
- Word and PowerPoint Accessibility Evaluation Checklist
Word
- Comment créer un document PDF accessible avec Word ?
- Microsoft Word - Creating Accessible Documents
- Word and PowerPoint Accessibility Evaluation Checklist
FALC (Facile À Lire et à Comprendre)
Retour au sommaireDesign System et composants d’interface riche accessibles
Les Design System et composants d'interface riche proposés dans cette section possèdent un bon voire un très bon niveau d’accessibilité. Toutefois, avant de les utiliser dans vos projets, nous vous recommandons fortement de recontrôler leur accessibilité.
- A11Y Style Guide
- Accessibility Patterns for the Web (eBay)
- Accessibility section - jQuery Plugins
- Accessible jQuery-ui Components
- Accessible Navigation With Smooth Scrolling
- Accessible UI Component Libraries Roundup
- Access & Use
- Apex 4X
- ARIA Authoring Practices Guide
- Card Patterns
- Code Library of Accessibility Examples
- Composants d’interface riche accessibles
- Deque Pattern Library
- Frend, a collection of accessible modern front-end components
- GEL
- gov.uk Design System
- Inclusive Components
- Scampi
- Système de Design de l'État
- Van11y
- W3C design system
- Web Accessible Code Libraries and Design Patterns
Accordéons
- Accessible expand and collapse
- Accessible hide/show
- handorgel
- jQuery simple and accessible hide-show system
- Progressively enhanced ARIA accordions
Carrousels
- Accessible carrousel
- accessible-slick
- Carousel Concepts
- jQuery Accessible Carrousel System
- PM-Carousel
- Splide
Fenêtres modales
- a11y-dialog
- Accessible modal window
- Dialog (Simple Alert Dialog)
- jQuery simple and accessible modal window
- Modal Dialog Example 2
- Overlay
- The Incredible Accessible Modal Window, Version 4
Formulaires
- An accessible toggle
- Flowup Labels
- Non-editable combobox with multiselect listbox
- Text Input Effects
- The Accessibility of Styled Form Controls
Autocomplétions
- Accessible Autocomplete
- Accessible Autocomplete examples
- Accessible Autosuggest Dropdown
- Anatomy of an accessible auto suggest
- ARIA Combobox Example
- Basic autocomplete
- Combobo
- jQuery accessible autocomplete list
- Select-a11y
Datepickers
Infobulles
Lecteurs vidéo
- Able Player
- Accessible Responsive HTML5 Video Player
- Acorn Media Player
- MFP AccessPlayer
- OzPlayer
- Plyr
- Video.js
Onglets
- Accessible tab panel
- Awesome Accessible Tabpanel
- jQuery Accessible tab panel system
- Onglets
- Responsive Tabs/Accordion Prototype
- Tab Panel Example
Outils d’accessibilité numérique
Générateurs de palettes de couleurs accessibles
- A11y Color Palette
- Accessible color palette builder
- Accessible Palette - [experimental]
- Color
- Color Safe
- Contrast Grid
- Contrast Grid (plugin Figma)
- Hex Naw
Vérificateurs de contrastes de couleurs
- Accessible Colors
- Analyse et vérification du contraste
- APCA Contrast Calculator - [experimental]
- APCA WCAG 3 Accessible Colour Contrast Checker - [experimental]
- Are My Colours Accessible
- ButtonBuddy
- Color Contrast Checker - Coolors
- Color Contrast Checker - Level Access
- Color Contrast Checker - monsido
- Color Contrast Checker (plugin Figma)
- Color Contrast Checker - Polypane
- Color Contrast Tester
- Color review
- Colour Contrast Analyser (CCA)
- Colour Contrast Check
- Colour Contrast Determinator
- Contrast Checker
- Contrast Checker - UserWay
- Contrast Checker - WebAIM
- Contrast Finder
- Contrast (plugin Figma)
- Contrast Ratio
- DigitalA11Y Color Contrast Checker (plugin Chrome)
- Link Contrast Checker
- OddContrast
- Pika
- Randoma11y
- Stark (plugin Chrome)
- Text on background image a11y check
- The Contrast Triangle
- WCAG 2 Accessible Colour Contrast Checker
- WCAG Contrast checker (plugin Firefox)
Simulateurs de déficiences visuelles
- Akbar (bookmarklet)
- Chromatic Vision Simulator
- Color Blind Filter
- Colorblindly (plugin Chrome)
- Color Oracle
- lowvision.support
- NoCoffee (plugin Firefox)
- Who can use this color combination?
Assistance aux tests manuels et tests automatisés
- 24×24 Pixel Cursor Bookmarklet
- 44x44 Pixel Cursor Bookmarklet
- A11y Automation
- a11y.css
- Accessibility Bookmarklets
- Accessibility Insights
- Accessibility Scanner (Android)
- accessible-email.org
- AccessLint
- Adee Comprehensive Accessibility Tool (plugin Figma)
- ANDI (bookmarklet)
- ARC Toolkit (plugin Chrome)
- Asqatasun
- axe DevTools - Web Accessibility Testing (plugin Chrome)
- Axe for Designers (plugin Figma)
- Check PDF accessibility
- Editoria11y, a user-friendly automatic content accessibility checker
- HeadingsMap (plugin Chrome)
- HeadingsMap (plugin Firefox)
- HTML_CodeSniffer
- Koa11y
- Lighthouse (plugin Chrome)
- Pa11y
- PDF Accessibility Checker
- Photosensitive Epilepsy Analysis Tool
- Quick and very dirty target size checker
- Readability Bookmarklet
- Sa11y
- Scolarius
- Siteimprove Accessibility Checker (plugin Chrome)
- taba11y (plugin Chrome)
- Tenon
- Text Spacing Editor (plugin Chrome)
- The Visual ARIA Bookmarklet
- The W3C Markup Validation Service
- Tiny Accessibility Checker
- tota11y
- VisBug
- WAI-ARIA usage
- WAVE Evaluation Tool (plugin Chrome)
- WAVE (Web Accessibility Evaluation Tool)
- Web Accessibility Evaluation Tools List
- Xcode 15: Automated accessibility audits
Autres outils
- Accessibility Statement Generator
- CADET (Caption And Description Editing Tool)
- Caninclude
- Dictanote (plugin Chrome)
- Focus Order (plugin Figma)
- Generate an Accessibility Statement
- Générateur de déclaration d'accessibilité (France)
- Générateur de déclaration d'accessibilité (Luxembourg)
- Landmarks
- Orange Confort+
- Outils informatiques de soutien pour les personnes porteuses de troubles dys (PDF)
- oTranscribe
- PAVE (PDF)
- Voice Dictation
- WCAG-EM Report Tool
- What the tag ?!
Référentiels et checklists d’évaluation de l’accessibilité numérique
Web
- Accessibility checklist
- ACT Rules
- Audit de conformité WCAG 2.2 / web
- Evaluating Web Accessibility Overview
- Référentiel général d'amélioration de l'accessibilité (RGAA)
- Web Accessibility Checklist
- WebAIM's WCAG 2 Checklist
- Web Content Accessibility Guidelines (WCAG) 2.2
- Web Content Accessibility Guidelines (WCAG) 3.0 - [Working Draft]
Mobile
- Audit de conformité WCAG 2.2 / Android
- Audit de conformité WCAG 2.2 / iOS
- Référentiel d'évaluation de l'accessibilité des applications mobiles
Sites dédiés à l’accessibilité numérique
- Accessibility Starts Here
- Accessible Mobile Apps Weekly
- Accessible Numbers
- Accessible Social
- Appt, a guide for making apps accessible
- BBC News Accessibility
- CivicActions Accessibility
- DigitalA11Y
- DWP Accessibility Manual
- Make-It-Accessible
- MobA11y
- Mobile A11y
- Quick and Small Accessibility
- The A11Y Project
- The Book on Accessibility
- Understanding Accessibility
- WebAIM (Web Accessibility In Mind)
Autres ressources d’accessibilité numérique
- A11y Cat
- Accessibility MDN
- Accessibility resources, guides, communities, and more
- Access-Score
- Content Accessibility
- Fable - Digital accessibility, powered by people with disabilities
- Gifa11y, easily add pause buttons to your GIFs
- Improve Internet Accessibility for Individuals with Impaired Vision
- Learn Accessibility
- Orejime - Easy to use consent manager that focuses on accessibility
- Overlay Fact Sheet
- Screen Reader User Survey #9 Results
- Stock photos of people with disabilities
