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