Un botón de pago puede parecer perfecto y tener un nombre accesible que no explica su función. Un formulario puede incluir todos los campos necesarios y aun así obligar a quien usa un lector de pantalla a adivinar qué introducir. La accesibilidad empieza por poder completar una tarea, no por el color de una puntuación.
Usa Sitelemetry para localizar posibles barreras en el HTML entregado de una página propia o que tienes autorización para evaluar. Mantén el informe junto al navegador: ofrecen evidencias distintas y ni un resultado verde ni una lista corta acreditan la conformidad completa con WCAG.
Alcance de la auditoría
Qué se puede medir
- HTML entregado de la página solicitada, URL final y estado de evaluación.
- Señales de imágenes, idioma, título, etiquetas, encabezados, regiones y nombres de controles.
- Pares seleccionados de colores en estilos en línea y señales para revisar la estructura.
Qué no demuestra
- Sin renderizado, árbol de accesibilidad calculado ni cálculo completo del nombre accesible.
- Sin demostración automática de navegación por teclado, foco visible, redistribución o comportamiento dinámico.
- Una página evaluada no acredita la accesibilidad de todo el sitio ni certifica WCAG.
Las auditorías de accesibilidad están incluidas en Starter, Professional y Enterprise. Los formatos y la monitorización dependen del plan; el análisis de seguridad Free no incluye esta auditoría.
Empieza por una tarea importante
Antes de analizar, elige un recorrido: solicitar presupuesto, crear una cuenta, encontrar una especificación o enviar un mensaje de soporte. Anota la URL exacta, el idioma, el resultado esperado y si la página es pública o requiere autenticación. Una auditoría del HTML público no entra automáticamente en un proceso con sesión iniciada.
Comienza con una página representativa y revisa otras plantillas por separado. Un defecto compartido de navegación puede afectar a muchas páginas, pero un buen resultado en la portada dice poco sobre errores del pago o un diálogo cargado después. Prioriza las barreras que impiden una tarea importante frente a la uniformidad visual. La gravedad indicada orienta; el impacto real depende del componente y de su uso.
Comprende qué se ha medido
El motor actual de Sitelemetry obtiene una página y examina su HTML estático. Busca atributos alt ausentes, idioma y título, posibles controles sin etiqueta, enlaces o botones sin nombre, problemas de encabezados, regiones, tabindex positivos, títulos de iframe y señales de encabezados de tabla. Algunas comprobaciones son heurísticas, no una interpretación completa del navegador.
Puede señalar problemas claros en ciertos pares de colores en línea. No evalúa todo el CSS, los colores heredados, las capas ni los estados interactivos: un resultado limpio aquí no aprueba el contraste. Una descarga fallida, una pantalla de desafío, una respuesta truncada o un recurso no HTML significa no disponible o no aplicable, no una página accesible. W3C explica por qué las herramientas necesitan criterio humano.
Lee las evidencias antes de asignar trabajo
Para cada hallazgo, registra la URL afectada, el elemento o ejemplo observado, el comportamiento que debe comprobarse y la tarea que podría impedir. “Tres imágenes carecen de atributo alt” permite actuar mejor que “mejorar accesibilidad”. Aun así, la existencia del atributo no demuestra que sus palabras comuniquen el propósito de la imagen.
Revisa también posibles falsos positivos. Una comprobación estática puede no reconocer una etiqueta que envuelve el control o aceptar una referencia ARIA cuyo destino es inadecuado. Inspecciona el árbol de accesibilidad renderizado y prueba el control. Trata las advertencias de niveles de encabezado como una invitación a revisar la organización, no como una conclusión automática sobre todos los requisitos WCAG. Agrupa defectos repetidos por el componente compartido que los genera.
| Observación | Prioridad según el contexto | Evidencia que confirmar | Siguiente acción |
|---|---|---|---|
| Un campo obligatorio no tiene un nombre útil | Alta si bloquea una tarea importante | Inspeccionar el nombre calculado y completar el formulario | Corregir la asociación del rótulo y repetir el recorrido |
| Una imagen carece de alternativa | Depende de su función | Determinar si informa, actúa o decora | Escribir una alternativa adecuada o usar alt vacío si es decorativa |
| Aviso sobre el orden de encabezados | Requiere revisar el contexto | Leer la estructura y el contenido del documento | Corregir la estructura compartida si dificulta comprenderlo |
Corrige el componente de origen
Prefiere relaciones HTML nativas y visibles. Asocia la etiqueta y el campo con valores coincidentes de for e id; el placeholder desaparece al escribir y no es un sustituto fiable. La guía de etiquetas de W3C explica asociaciones explícitas e implícitas. Nombra los botones de solo icono por su acción, como abrir el menú, no por el aspecto del icono.
Decide si cada imagen informa, ejecuta una acción o solo decora. Escribe alternativas que conserven su propósito y usa alt="" para imágenes realmente decorativas. No vacíes todas las alternativas para elevar la puntuación. Consulta el tutorial de imágenes de W3C para valorar el contexto. Corrige el componente o el modelo de contenido para que la siguiente página no reproduzca el defecto.
Completa la revisión en el navegador
- Utiliza solo el teclado para llegar a los controles, activarlos y volver atrás. Comprueba que el foco sigue visible y que los diálogos permiten salir correctamente.
- Revisa encabezados, nombres, instrucciones y errores con un lector de pantalla. Confirma que la tarea resulta comprensible, no solo que se pronuncia texto.
- Mide el contraste con los colores renderizados en estados normal, hover, foco, desactivado y error. Incluye texto sobre imágenes y capas.
- Aumenta el zoom y usa una ventana estrecha. Comprueba si desaparecen contenidos, controles o instrucciones, o si exigen desplazamientos poco prácticos.
Estas son actividades complementarias, no capacidades atribuidas al análisis estático. Organízalas con las comprobaciones iniciales de W3C e involucra a personas con necesidades de acceso relevantes cuando el recorrido lo requiera.
Repite la prueba y documenta lo pendiente
Después de publicar una corrección, analiza la misma URL y compara la evidencia concreta. Confirma que cambió el componente previsto y no aparecieron problemas nuevos de nombres o estructura. Repite manualmente el recorrido: eliminar una advertencia mientras se rompe la activación por teclado no es una reparación satisfactoria.
Registra juntos fecha, página, cambios, resultado estático y pruebas manuales. En una entrega de agencia, indica qué plantillas e interacciones se revisaron y cuáles quedan fuera. La puntuación resume los hallazgos de ese análisis; no representa un porcentaje de usuarios atendidos ni una prueba de cumplimiento legal. Mantén visibles las comprobaciones manuales pendientes e incorpora el componente a futuras revisiones de versiones para conservar la mejora.
Preguntas frecuentes
¿Una puntuación alta significa que el sitio cumple WCAG?
No. Resume una evaluación estática limitada a una página. La conformidad requiere un alcance definido y una evaluación más amplia, incluidos comportamientos que el analizador no renderiza.
¿Todas las imágenes necesitan texto alternativo descriptivo?
Las imágenes significativas necesitan una alternativa adecuada. Las puramente decorativas suelen usar alt vacío; la elección depende del contexto y del propósito.
¿Puede probar un diálogo que aparece tras un clic?
Puede examinar el marcado presente en la respuesta, pero no abre el diálogo ni verifica el foco, la interacción de teclado o los anuncios.
Fuentes y lecturas
El equipo de Sitelemetry ha contrastado el contenido con el alcance del producto y las fuentes primarias enlazadas. Los ejemplos son ilustrativos salvo que se identifique un caso observado.
