Visualizador de orden de foco
Visualiza el orden de tabulación del teclado en cualquier página web
¿Qué es el orden de tabulación?
El orden de tabulación es la secuencia que siguen los usuarios de teclado al presionar Tab para moverse entre botones, enlaces y campos de formulario. Un orden claro y predecible es esencial para los lectores de pantalla y para quien navega sin ratón. Pega tu HTML abajo para ver marcadores numerados que muestran exactamente dónde saltará el foco.
Pegar HTML
Vista previa
¿Qué es Visualizador de orden de foco?
Pega cualquier HTML y visualiza el orden de tabulación del teclado. Cada elemento enfocable muestra un marcador numerado para que detectes problemas de navegación de un vistazo. Diseñado para auditores de accesibilidad y desarrolladores que verifican el cumplimiento de WCAG.
Cómo usar
- Pega el código HTML en el editor o sube un archivo HTML para comprobar su orden de tabulación.
- Aparecen marcadores numerados en cada elemento enfocable (enlaces, botones, campos de entrada) mostrando la secuencia de tabulación.
- Revisa la lista de orden de foco, identifica elementos fuera de orden o faltantes, y luego exporta el analisis como informe.
Resultado
Un consultor de accesibilidad pega el HTML del formulario de registro de un cliente. El visualizador revela que el boton 'Enviar' recibe el foco antes de la casilla de 'Terminos de servicio' debido a valores incorrectos de tabindex, senalando una infraccion de WCAG 2.4.3.
Herramientas relacionadas
Vista previa de lector de pantalla
Visualiza cómo los lectores de pantalla interpretan tu contenido
Probador de tamaño de fuente
Previsualiza texto en diferentes tamaños de fuente
Texto adaptado para dislexia
Reformatea texto para facilitar la lectura
Asistente de texto alternativo
Escribe texto alternativo accesible para imágenes
Modo texto grande
Amplía cualquier texto para leerlo fácilmente
Modo de alto contraste
Previsualiza contenido en alto contraste