Le focus, dans le contexte d'une interface, correspond à l'état d'un composant indiquant qu'il est sélectionné ou actif.

Afin de le repérer facilement, il est essentiel d'avoir un moyen de déterminer quel élément est actuellement en "focus", permettant ainsi à l'utilisateur de savoir où se trouve l'action ou la saisie de données. Cette distinction est particulièrement cruciale pour les utilisateurs qui naviguent à l'aide d'un clavier ou d'autres méthodes d'interaction non basées sur la souris.

Le focus peut être visuellement indiqué par un contour autour de l'élément sélectionné, un changement de couleur, une mise en surbrillance, ou d'autres indications visuelles. Il peut également être utilisé pour signaler la position du curseur dans un champ de texte ou une zone de saisie.

Cet état revêt une importance particulière pour l'accessibilité. Correctement géré, il facilite la navigation au clavier et assure une lecture fluide et organisée par les technologies d'assistance, telles que les lecteurs d'écran.

 

Exemple

Navigation au clavier à travers le moteur de recherche Google. Le focus s’effectue à chaque tabulation sur l’élément d’action suivant.

Précédent
Précédent

Front development

Suivant
Suivant

Device