Ressources d’accessibilité numérique
Dernière mise à jour le mardi 21 mars 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
- a11yphant
- Accessibilité : conformité vs. réalité
- Accessibility Maze
- Accessibility Myths
- All About Assistive Technologies
- Apple – Accessibility – Sady
- Browsing with assistive technology
- Disability Statistics
- Estimate how many people using your website might be disabled
- Hocus :focus, a keyboard accessibility horror game
- How to Be a Disability Ally
- iOS Switch Control Demo
- 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
Lé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
- 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
Guides d’accessibilité numérique
- An interactive guide to color & contrast
- Chatbot Accessibility Playbook
- Designing for diverse learners
- Dyslexia friendly style guide
- Getting started with TalkBack on Android
- MagentaA11y
- Make your Outlook email accessible to people with disabilities
- Neurodiversity Design System
- Poet Image Description
- Screen Reader Keyboard Shortcuts and Gestures
Web
- AcceDe Web
- 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
- Fiche mémo des commandes clavier sur NVDA
- Guide de référence rapide WCAG
- Guide des troubles DYS (PDF)
- Guide et raccourcis NVDA pour les tests d’accessibilité
- Guide pour la gestion des alternatives textuelles aux images
- Guide sur le handicap mental (PDF)
- Guide sur les lecteurs d'écran
- 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
- WCAG 2.1 Primer
- Web Accessibility Initiative (WAI)
Mobile
Android
- Aide accessibilité sur Android
- Build more accessible apps
- Guide de développement d'applications accessibles mobiles avec l'API Android
- Les critères incontournables sous Android
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
- Référence des gestes de VoiceOver sous iOS
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
- Rendre vos présentations PowerPoint accessibles aux personnes atteintes d’un handicap
- Word and PowerPoint Accessibility Evaluation Checklist
Word
- Comment créer un document PDF accessible avec Word ?
- Microsoft Word - Creating Accessible Documents
- Rendre vos documents Word accessibles aux personnes atteintes d’un handicap
- 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é.
- 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
- Code Library of Accessibility Examples
- Composants d’interface riche accessibles
- Deque Pattern Library
- Frend, a collection of accessible modern front-end components
- 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
Contrastes de couleurs
- A11y Color Palette
- Accessible color palette builder
- Accessible Colors
- APCA Contrast Calculator - [experimental]
- Are My Colours Accessible
- Accessible Palette - [experimental]
- ButtonBuddy
- Color
- Color Contrast Checker
- Color Contrast Checker
- Color Contrast Checker
- Color Contrast Checker
- Color Contrast Checker (plugin Figma)
- Color Contrast Tester
- Color review
- Color Safe
- Colour Contrast Analyser (CCA)
- Colour Contrast Check
- Colour Contrast Determinator
- Contrast Checker (1)
- Contrast Checker (3)
- Contrast Checker (4)
- Contrast/Colorblind Color Picker
- Contrast Finder
- Contrast Grid
- Contrast (plugin Figma)
- Contrast Ratio
- DigitalA11Y Color Contrast Checker (plugin Chrome)
- Générateur de palettes de couleurs accessibles
- Hex Naw
- Link Contrast Checker
- Pika
- Randoma11y
- Stark (plugin Chrome)
- Text on background image a11y check
- The Contrast Triangle
- WCAG Contrast checker (plugin Firefox)
- Who can use this color combination?
Simulateurs de déficiences visuelles
- Akbar (bookmarklet)
- Chromatic Vision Simulator
- Color Blind Filter
- Colorblindly (plugin Chrome)
- Color Oracle
- lowvision.support
- NoCoffee (plugin Firefox)
Assistance aux tests manuels et tests automatisés
- 24×24 Pixel Cursor Bookmarklet
- 44x44 Pixel Cursor Bookmarklet
- A11y Automation
- a11y.css
- A11yFirst Project
- 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)
- Editoria11y, a user-friendly automatic content accessibility checker
- HeadingsMap (plugin Chrome)
- HeadingsMap (plugin Firefox)
- HTML_CodeSniffer
- Koa11y
- Lighthouse (plugin Chrome)
- Pa11y
- PDF Accessibility 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
Autres outils
- Accessibility Statement Generator
- CADET (Caption And Description Editing Tool)
- Dictanote (plugin Chrome)
- 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+
- 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
- Audit de conformité WCAG / web
- Evaluating Web Accessibility Overview
- Référentiel général d'amélioration de l'accessibilité (RGAA)
- Web Accessibility Checklist
- Web Content Accessibility Guidelines (WCAG) 2.1
- Web Content Accessibility Guidelines (WCAG) 2.2 - [Working Draft]
- Web Content Accessibility Guidelines (WCAG) 3.0 - [Working Draft]
Mobile
- Audit de conformité WCAG / Android
- Audit de conformité WCAG / iOS
- Référentiel d'évaluation de l'accessibilité des applications mobiles
Sites dédiés à l’accessibilité numérique
- Access Guide
- Accessibility Starts Here
- Accessible Mobile Apps Weekly
- Accessible Social
- Appt, a guide for making apps accessible
- BBC News Accessibility
- CivicActions Accessibility
- DigitalA11Y
- DWP Accessibility Manual
- Mobile A11y
- Quick and Small Accessibility
- The A11Y Project
- The Book on Accessibility
- WebAIM (Web Accessibility In Mind)
Autres ressources d’accessibilité numérique
- Accessibility
- 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
- Top 80 Web Accessibility Resources & Tools
