¿Qué significa "Indicador de foco"?

« Back to Glossary Index

Indicador de foco es una señal visual que muestra en qué elemento de una interfaz estás interactuando en ese momento.

En diseño digital es clave para la accesibilidad. Aparece cuando usás el teclado (con la tecla Tab, por ejemplo), o tecnologías de asistencia para navegar una página o app. Suele verse como un borde resaltado, un cambio de color, un subrayado o un sombreado alrededor del botón, enlace o campo de texto activo. Así, la persona sabe exactamente dónde está el “cursor invisible” y qué acción va a ejecutar si presiona Enter o la barra espaciadora.

Un ejemplo claro: cuando rellenás un formulario, el campo en el que escribís aparece con un borde azul o resaltado. Eso es un indicador de foco. Es un detalle chico, pero fundamental para que la web sea usable por todos.

Sin esa pista visual, navegar con teclado sería como caminar a ciegas en un cuarto oscuro: no sabrías qué estás seleccionando.

Más allá de la accesibilidad, el indicador de foco mejora la experiencia de cualquier usuario, porque da feedback inmediato de qué está pasando. Por eso las guías de diseño (como las de W3C o Material Design) insisten en no eliminarlo ni esconderlo, aunque a veces los diseñadores lo quiten “por estética”.

WhatsApp