Gestión del foco

El foco del teclado identifica la parte de una página que está lista para recibir lo que introduces con el teclado. Gestionar el foco ayuda a recorrer los controles en un orden que tenga sentido y permite ver cuál está activo. Prueba a recorrer un formulario breve con la tecla Tab y comprueba adónde va el foco y si puedes verlo.

El foco del teclado identifica el elemento que está listo para recibir lo que introduces con el teclado. Un indicador de foco es un cambio visible, como un borde alrededor de un botón, que muestra qué elemento tiene el foco. Gestionar el foco abarca tanto el orden en que recorres los elementos como la posibilidad de localizar el elemento activo. [1][2]

En HTML, el lenguaje de marcado que describe una página web, la navegación secuencial con el teclado suele usar la tecla Tab. Sin scripts, que son fragmentos de código que cambian el comportamiento de la página, ni atributos tabindex, que pueden modificar qué elementos reciben el foco y el orden de navegación, la secuencia sigue el orden de los componentes en el contenido. Por eso, el orden de los controles en el código de la página es un punto de partida importante. [1]

Imagina un formulario de registro hipotético en el que Correo electrónico va seguido de Contraseña, sin controles intermedios ni otras dependencias. Pasar de Correo electrónico a Contraseña conserva la secuencia de ese formulario. Sin embargo, no siempre es necesario seguir la posición visual: dos columnas independientes podrían recorrerse en cualquiera de los dos órdenes si se conservan el sentido y el funcionamiento. Reforzar el orden de lectura que sugiere el diseño es una buena práctica. [1]

Un cuadro de diálogo modal es una ventana dentro de una página que impide interactuar con el resto de la página mientras está abierta. En el ejemplo de la guía sobre Orden del foco, al abrirlo, el foco se sitúa dentro y el contenido exterior no puede recibirlo. El ejemplo no exige que el foco se sitúe inicialmente en el primer control interactivo, y los controles del navegador pueden seguir formando parte del ciclo del foco. Al cerrar el cuadro de diálogo, el foco vuelve al botón que lo abrió o al elemento que sigue a ese botón. [1]

Las Pautas de Accesibilidad para el Contenido Web (WCAG) incluyen criterios de conformidad, es decir, requisitos, separados para el orden y la visibilidad. Orden del foco, el criterio 2.4.3, se aplica cuando una página permite la navegación secuencial y la secuencia afecta al sentido o al funcionamiento; exige un orden que conserve ambos. Foco visible, el criterio 2.4.7, exige un modo de uso del teclado con un indicador de foco visible. El indicador no debe desaparecer porque se agote un límite de tiempo, pero este criterio no exige que aparezca después de cada interacción con un dispositivo apuntador ni establece una forma concreta. [1][2]

Estas páginas explicativas aclaran los criterios y ofrecen ejemplos y técnicas. Son guías, no experimentos que midan mejoras universales. Comprobar la secuencia de un formulario y su indicador visible es una revisión práctica útil, pero no demuestra que todo el sitio cumpla cada requisito de accesibilidad u obligación legal. [1][2]

• Orientaciones sobre el alcance: Orden del foco se aplica cuando la navegación secuencial está disponible y su secuencia afecta al sentido o al funcionamiento. Más de un orden puede cumplir el criterio; no siempre es necesario coincidir exactamente con la disposición visual. El criterio evalúa el orden de los elementos que reciben el foco, sin especificar todos los elementos que deberían recibirlo. [1]
• Orientaciones mediante un ejemplo: El ejemplo del cuadro de diálogo modal sitúa el foco dentro del cuadro e impide que el contenido del resto de la página lo reciba. Los controles del navegador pueden permanecer en el ciclo. Al cerrar el cuadro de diálogo, el foco vuelve al botón que lo abrió o al elemento que lo sigue; el ejemplo no exige que el foco se sitúe inicialmente en el primer control interactivo. [1]
• Orientaciones sobre la visibilidad: Foco visible exige un modo de uso del teclado con un indicador de foco visible. El indicador no debe tener un límite de tiempo. Mostrar un indicador en las interacciones con dispositivos apuntadores se describe como una buena práctica, y este criterio no establece la forma del indicador. [2]

Los documentos proporcionados son guías explicativas oficiales, no estudios empíricos, por lo que no demuestran efectos medidos sobre la realización de tareas, la cognición o el comportamiento. El formulario de registro es un ejemplo didáctico hipotético, no un resultado observado. Estos dos criterios abordan aspectos concretos de la accesibilidad; comprobarlos por sí solos no permite demostrar la conformidad completa con las WCAG ni el cumplimiento legal. Corrección de la cita: la referencia sobre Foco visible [5] de la lección original se sustituye aquí por la guía proporcionada de las WCAG 2.2 [2]. La bibliografía anterior y sus fechas no se consideran verificadas; solo se conservan las dos fuentes proporcionadas, con los años de publicación desconocidos registrados como null.