Anatomie
- Switch control
- Label
- Label On/Off
États
Default / Active - Défaut / Actif
- État par défaut : L'interrupteur apparaît dans sa position initiale, indiquant l'état actuel sans interaction utilisateur.
- État actif : Lorsque l'interrupteur est activé, il change de couleur ou de position pour indiquer qu'il est maintenant sur l'option « On ».
Hover - Survol
Lorsque l'utilisateur passe la souris sur l'interrupteur, un léger changement de couleur ou d'ombre peut indiquer que l'élément est cliquable.
Read-only - Lecture seule
L'interrupteur est visible mais non interactif, généralement grisé ou avec une indication visuelle claire qu'il ne peut pas être modifié. Ses informations restent cependant accessibles et peuvent être lues par un lecteur d’écran.
Disabled - Désactivé
L'interrupteur n’est pas interactif, il ne peut pas recevoir le focus et il n’est pas lu par les lecteurs d’écrans. Puisque son design ne respecte pas les règles d’accessibilité, son utilisation doit être faite avec précaution. Consultez la page Quand utiliser un état disabled pour plus d’informations.
Alternatives
Il est conseillé d'utiliser des alternatives comme les cases à cocher (checkbox) ou les boutons radio (radio buttons) dans les cas suivants :
Radio - Radio
À privilégier lorsque l'utilisateur doit sélectionner une seule option parmi plusieurs, car cela permet d'éviter toute ambigüité dans la sélection.
Checkbox - Case à cocher
Idéales lorsque l'utilisateur peut choisir plusieurs options indépendantes. Par exemple, si plusieurs fonctionnalités peuvent être activées ou désactivées simultanément.