Saltar al contenido

Indicador de foco

El indicador de foco muestra qué control recibe las entradas del teclado. Se diferencia del puntero y de la marca de selección.

Diseño y UX

Reconocer la posición del teclado

El indicador de foco es la señal visible del elemento que tiene el foco del teclado. Puede ser un contorno alrededor de un botón o un campo. Al recorrer un formulario con Tab, muestra dónde tendrá efecto la siguiente entrada o activación.

En un formulario de pedido de ejemplo, «Revisar pedido» obtiene un contorno claro al alcanzarlo con Tab. Un cambio de color solo al pasar el ratón no basta: representa otro estado.

Del mismo modo, una pestaña resaltada de forma permanente solo indica qué contenido está seleccionado. El foco puede estar ya en otro elemento. Si el diseño elimina el contorno del navegador, necesita un sustituto visible adecuado. Compruébelo con distintos fondos y al ampliar la página.

Fuentes

Artículos sobre el tema

Diseño y UX con ASES

Experiencia de usuario, interfaces e imagen de marca