accessibilité
Retrouvez les articles de la Cascade ainsi que des ressources complémentaires, en français lorsque c'est possible, sinon en anglais.
➡️ Il y a 23 articles à propos de accessibilité
- 5 façons d'animer de manière responsable - Rachel Nabors
- 5 règles pour rendre SVG accessible - Dudley Storey
- Améliorer un texte à faible contraste - Ben Myers
- Bien utiliser l'attribut alt - Dudley Storey
- Cacher des éléments avec CSS - Ire Aderinokun
- Citer en HTML, un guide complet - John Rhea
- Comprendre WAI-ARIA, un guide complet - Kate Kalcevich
- Créer des systèmes de menu accessibles - Heydon Pickering
- CSS : n'oubliez pas l'impression papier! - Manuel Matuzovic
- Des styles de listes créatifs - Michelle Barker
- Guide de l'accessibilité du clavier: HTML et CSS (1ère partie) - Cristian Diaz
- Guide de l'accessibilité du clavier: JavaScript (2e partie) - Cristian Diaz
- La propriété CSS visibility et l'accessibilité - Ire Aderinokun
- Pseudo-éléments :before & :after - Louis Lazaris
- Petit guide pour l'ajout d'images - Cristian Diaz
- Plongée en profondeur dans les pseudo-éléments :before et :after - Will Boyd
- Pourquoi vous ne devriez jamais utiliser px pour définir la taille de police dans CSS - Josh Collinsworth
- Le progrès plutôt que la perfection, une meilleure approche de l'accessibilité - Meryl K Evans
- 5 règles pour rendre SVG accessible - Dudley Storey
- Un carrousel responsif en pur CSS - Dudley Storey
- Ce qu'une année à apprendre et enseigner l'accessibilité m'a appris - Sara Soueidan
- Une table des matières parfaite avec HTML et CSS - Nicholas C Zakas
- Une taille de police enfantine - Tyler Sticka
Ressources complémentaires en français ou en anglais
- 🇬🇧 Learn Accessibility sur web.dev
- 🇬🇧 Practical Accessibility le cours de Sara Soueidan
- 🇫🇷 Le guide Contribuer sur le web de manière accessible
- 🇬🇧 Using ARIA, un guide pratique réalisé par le W3C pour utiliser ARIA.
- 🇬🇧 Le guide ARIA des bonnes pratiques de construction de sites liste plein de fonctionnalités (accordéon, alertes, caroussel, menus, tables, ...) et donne des exemples.
- 🇬🇧 Le site WebAIM, extrêmement complet sur toutes les questions liées à l’accessibilité.
- 🇫🇷 Principes de Design Inclusif par Heydon Pickering, comme son nom l’indique cette page donne un tas d’exemples sur la façon d’utiliser ARIA pour rendre accessibles des éléments d’interface courants. Très bien faite !
- 🇬🇧 Navigation au clavier, quelques conseils rapides.
- 🇫🇷 Le clavier, un moyen de navigation à ne pas négliger, par alsacréation
- 🇫🇷 Contrôles DHTML personnalisés navigables au clavier, documentation MDN.
- 🇬🇧 Aural UI of the elements of HTML, par le groupe Paciello. Tableau super complet décrivant l’interface sonore des éléments HTML : quelle est la compatibilité des éléments HTML avec les screen readers et comment mon site est-il lu par les outils d’accessibilité ?
- 🇫🇷 Bibliothèques accessibles regroupe énormément de ressources sur l’accessibilité dans un site bien fait et agréable à lire (et en français !).
- 🇬🇧 The a11y Project
- 🇬🇧 a11y.coffee
Publications, news :
- 🇫🇷 Accessiblog, le blog d’Olivier Nourry sur l’accessibilité.
- 🇫🇷 Opquast l'accessibilité, mais au-delà, la checklist de la référence de la qualité web.
- 🇫🇷 Les articles autour du thème : Accessibilité de la lutine du web.
- 🇬🇧 a11ymatters, documenting everything through the journey of learning web accessibility.
Outils divers :
- 🇬🇧 Accessible Components par Scott O'Hara
- 🇬🇧 Accessibility Interview Questions par Scott O'Hara et divers contributeurs
- 🇫🇷 les critères et test du Référentiel général d'amélioration de l'accessibilité (RGAA) : lecture obligatoire !
- 🇬🇧 Un excellent outil pour tester l’accessibilité de votre site, Wave accessibility tool.
- 🇬🇧 Tanaguru Contrast-Finder trouve les bons contrastes de couleurs pour l’accessibilité web.
- 🇬🇧 Colour Contrast
- 🇬🇧 Contrast ratio, de Lea Verou, vous donne un ratio de contraste et vous donne votre note aux tests.
- 🇬🇧 Accessible color palette generator un générateur de palettes de couleurs accessibles
- 🇬🇧 Contrast Grid pour tester des tas d'associations de couleurs et d'arrière-plans et leur respect du WCAG 2.0
- 🇬🇧 Noubliez pas d'utiliser Lighthouse dans devtools pour un premier test de l'accessibilité de votre site (vous pouvez aussi l'intégrer à votre CI)