Ressources d’accessibilité numérique
Dernière mise à jour le mercredi 29 décembre 2021
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
- Accessibility Maze
- Accessibility Myths
- All About Assistive Technologies
- Apple – Accessibility – Sady
- Dyslexie et lettres dansantes
- Guide des troubles DYS (PDF)
- Guide sur le handicap mental (PDF)
- Hocus :focus, a keyboard accessibility horror game
- iOS Switch Control Demo
- Module "L'accessibilité numérique"
- L’accessibilité numérique, et si nous agissions ?
- Lexically
- 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
- Directive de l'Union européenne relative à l'accessibilité des sites internet et des applications mobiles des organismes du secteur public
- Global Accessibility Laws
- Infographie loi accessibilité numérique : entrée en vigueur en 2019
- Le point sur les obligations d'accessibilité numérique en France
- Une infographie pour comprendre le cadre législatif de l'accessibilité numérique en France
Guides d’accessibilité numérique
Web
- AcceDe Web
- Access Guide
- Accessibility Developer Guide
- Accessibility for teams (01)
- Accessibility for teams (02)
- Accessibility Guidelines
- Accessibility Guidelines Summary
- 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 pour la gestion des alternatives textuelles aux images
- 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
- Recommandations accessibilité Orange pour le web
- Using ARIA
- 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
- 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 UI Component Libraries Roundup
- Access & Use
- ARIA Design Pattern Examples
- 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
- Simply Accessible
- Système de Design de l'État
- Van11y
- WAI-ARIA Authoring Practices 1.1
- W3C design system
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
- Carrousel
- jQuery Accessible Carrousel System
- Splide
Fenêtres modales
- Accessible modal window
- Dialog (Simple Alert Dialog)
- jQuery simple and accessible modal window
- Modal Dialog Example
- Modal Dialog Example 2
- Overlay
- The Incredible Accessible Modal Window, Version 4
Formulaires
- An accessible toggle
- Flowup Labels
- hCaptcha Accessibility
- 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
- Accessible Bootstrap Date Picker
- Datepicker
- Datepicker et accessibilité
- Duet Date Picker
- Yet Another Datepicker Demo
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
- Système d'onglets avec substitut pour le responsive
- 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]
- Color
- 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 (2)
- Contrast Checker (3)
- Contrast Checker (4)
- Contrast/Colorblind Color Picker
- Contrast Finder
- Contrast Ratio
- Générateur de palettes de couleurs accessibles
- Grille d’analyse des contrastes d’une charte
- Hex Naw
- Leonardo
- Link Contrast Checker
- 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)
- SEE (plugin Chrome)
Assistance aux tests manuels et tests automatisés
- 44x44 Pixel Cursor Bookmarklet (bookmarklet)
- a11y.css
- Accessibility Bookmarklets
- Accessibility Insights
- Accessibility Scanner (Android)
- accessible-email.org
- AccessLint
- ANDI (bookmarklet)
- ARC Toolkit (plugin Chrome)
- Asqatasun
- axe DevTools - Web Accessibility Testing (plugin Chrome)
- CKEditor Accessibility Checker
- 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
- The Visual ARIA Bookmarklet
- The W3C Markup Validation Service
- tota11y
- VisBug
- WAVE Evaluation Tool (plugin Chrome)
- WAVE (Web Accessibility Evaluation Tool)
- Web Accessibility Evaluation Tools List
Autres outils
- 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
- Audit d'évaluation web
- Evaluating Web Accessibility Overview
- Référentiel général d'amélioration de l'accessibilité (RGAA)
- 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
- CivicActions Accessibility
- DWP Accessibility Manual
- The A11Y Project
- WebAIM (Web Accessibility In Mind)
Autres ressources d’accessibilité numérique
- Fable - Digital accessibility, powered by people with disabilities
- Orejime - Easy to use consent manager that focuses on accessibility
- Overlay Fact Sheet
- Screen Reader User Survey #9 Results
- Top 80 Web Accessibility Resources & Tools
