Ressources d’accessibilité numérique
Dernière mise à jour le jeudi 5 janvier 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
- 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
- iOS Switch Control Demo
- L’accessibilité numérique, et si nous agissions ?
- 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
- 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
- Modèle de déclaration d'accessibilité conformément à la directive de l'Union européenne
- Une infographie pour comprendre le cadre législatif de l'accessibilité numérique en France
Guides d’accessibilité numérique
- An interactive guide to color & contrast
- Chatbot Accessibility Playbook
- Dyslexia friendly style guide
- MagentaA11y
- 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
- 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 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
- DB Digital Product Platform
- 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
- 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
- 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
- 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
- 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 (plugin Figma)
- Color Contrast Tester
- Color review
- Color Safe
- Color Tool
- 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 Ratio
- Générateur de palettes de couleurs accessibles
- Grille d’analyse des contrastes d’une charte
- Hex Naw
- Leonardo
- 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)
- 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
- 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
- Audit d'évaluation 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 research mobile apps
- Accessibility Starts Here
- Accessible Social
- Appt, platform for app accessibility
- BBC News Accessibility
- CivicActions Accessibility
- DWP Accessibility Manual
- Mobile A11y
- The A11Y Project
- The Book on Accessibility
- WebAIM (Web Accessibility In Mind)
Autres ressources d’accessibilité numérique
- Accessibility
- 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
- Planning, creating and publishing accessible social media campaigns
- Screen Reader User Survey #9 Results
- Top 80 Web Accessibility Resources & Tools
