Les composants
Cette partie du site Access & use présente une sélection de composants Web dynamiques.
Chaque composant est présenté de la même manière :
- Une petite introduction pour expliquer la fonction du composant ;
- Une petite vidéo (souvent une capture vidéo de l'écran) qui montre une implémentation du composant à titre d'exemple ;
- Lorsque c'est pertinent, une définition permettant de le différencier de composants similaires ;
- Des indications pour rendre le composant accessible ;
- Quelques exemples de difficultés rencontrées par les utilisateurs naviguant avec des technologies d'assistance (navigation par clavier, par lecteur d'écran, par logiciels d'agrandissement, etc.) ;
- Des extraits vidéo qui témoignent de ces difficultés ;
- Des liens vers des exemples réels répertoriés dans la plateforme COMPARE et commentés par des experts ;
- Des liens vers des ressources (bonnes pratiques, articles, etc.) pour permettre d'aller plus loin ;
Les composants documentés sur le site Access & Use à ce jour :
- Les boîtes de dialogue modales
- Les fenêtres modales
- Les menus dépliants
- Les onglets
- Les carrousels
- Les accordions
- Les infobulles
- Le formulaires et la gestion des erreurs
Cette liste est loin d'être complète. Voici quelques composants qui méritent d'être traités :
Les sliders
Simple Swipe With Vanilla JavaScript - Ana Tudor, CSS Tricks, April 2018
A sliding nightmare: Understanding the range input - Ana Tudor, CSS Tricks, December 2017
Informations complémentaires
Indications générales pour intégrer le toucher
Add Touch to Your Site - Matt Gaunt, Google Web Fundamentals, June 2018