HTML Structure Checks
Code Reviewer
Revisa la estructura del HTML de sus páginas en vivo: encabezados H1 y H2, zonas como main y nav, texto alternativo y fallas de accesibilidad.
Qué hace este agente en la práctica
Los lectores de pantalla y los buscadores leen su página por partes. Buscan un solo H1 que diga de qué trata la página, encabezados H2 que la dividan en secciones, y zonas marcadas como header, nav, main y footer. Cuando una página tiene tres H1 o ninguno, o cuando las fotos no tienen texto alternativo, una persona que usa lector de pantalla se pierde y el buscador entiende menos. El Code Reviewer lee hasta 6 de sus páginas tal como su sitio las envía y revisa esa estructura. Le dice qué página tiene el problema y qué elemento cambiar. En la página que pasa por la prueba de Google PageSpeed (casi siempre la de inicio) también recibe las revisiones de accesibilidad que fallan allí, como texto con poco contraste, campos de formulario sin etiqueta o botones demasiado pequeños para el dedo. Sirve para sitios que crecieron rápido, con páginas hechas por distintas personas o con distintas plantillas. No necesita acceso a sus archivos: trabaja con lo que ve cualquier visitante. Si tiene este agente en su plan y su sitio lo construimos y hospedamos nosotros, podemos aplicar los arreglos que usted apruebe.
En qué es bueno
- Encontrar páginas sin H1, con más de un H1 o con encabezados que no siguen un orden lógico
- Detectar páginas sin zonas main, header, nav o footer
- Listar imágenes sin texto alternativo, página por página
- Traer de la prueba de PageSpeed las fallas de contraste, etiquetas de formulario y tamaño de botones
- Señalar la página y el elemento exacto que su desarrollador debe cambiar
Para qué NO sirve
- Leer su repositorio, sus archivos fuente o un pull request (lee la página en vivo)
- Consejos de velocidad como CSS sin usar o scripts que bloquean (eso es del Speed Optimizer)
- Revisar schema, etiquetas canonical o cabeceras de seguridad (lo cubren otros agentes)
- Hacer una auditoría completa de accesibilidad WCAG en todas las páginas
- Escribir el código nuevo en sitios que no hospedamos (su desarrollador hace los cambios)
Un ejemplo
Usted pide
Revise si las páginas de mi sitio de contabilidad tienen bien los encabezados y si las fotos tienen texto alternativo.
Lo que recibe
Por ejemplo: "La página de impuestos tiene dos H1: el logo y el título." "La página del equipo no tiene ningún H2, todo es texto en negrita." "Ocho fotos de la página del equipo no tienen texto alternativo." "La página de inicio no marca una zona main." "En la página de inicio, el texto gris claro del pie de página no tiene suficiente contraste." Cada hallazgo trae su arreglo sugerido. Los datos son de muestra.
Qué planes pueden usar al Code Reviewer
Plan: Cualquier plan, desde Soloist.
El plan Empire ($1,799 al mes) le da los 25 agentes. Department ($499 al mes) le da 5 plazas, Squad ($249 al mes) 3 y Soloist ($129 al mes) 1, y usted elige los agentes. Puede sumar agentes extra a cualquier plan por $59 al mes cada uno.
Ver precios y planesPreguntas frecuentes
¿Qué es el texto alternativo y por qué lo marca el agente?
Es una descripción corta de cada imagen que va en el código. Los lectores de pantalla la leen en voz alta a personas que no ven la imagen, y los buscadores la usan para entender la foto. Una imagen sin texto alternativo es un hueco para esas personas.
¿Está mal tener más de un H1 en una página?
No rompe nada, pero confunde. Un solo H1 deja claro de qué trata la página. Muchas veces el segundo H1 viene del logo o de una plantilla, y el arreglo es pequeño. El agente le dice en qué página pasa y cuál es cada uno.
¿Esto ayuda a que mi sitio sea más fácil de usar para personas con discapacidad?
Ayuda con lo básico: encabezados en orden, zonas marcadas, texto alternativo y, en la página probada, contraste y etiquetas de formulario. No reemplaza una auditoría completa de accesibilidad hecha por un especialista.
Mi sitio está hecho en WordPress con un tema comprado. ¿Igual sirve?
Sí. El agente lee lo que su sitio envía, sin importar cómo se hizo. Si el problema viene del tema, como un H1 de más en todas las páginas, lo verá repetido y usted sabrá que el arreglo es uno solo.
¿En qué se diferencia del QA Automation Engineer?
El QA Automation Engineer busca lo que un visitante nota: páginas con error, enlaces rotos y errores de JavaScript. El Code Reviewer mira cómo está armada la página por dentro: encabezados, zonas y texto alternativo.
Otros agentes que conviene tener cerca
QA Automation Engineer
Revisa sus páginas en busca de cosas rotas que un visitante notaría: páginas con error, enlaces internos rotos y páginas sin título o sin H1.
UI/UX Enhancer
Revisa sus páginas en busca de cosas que les hacen más difícil a los visitantes dar el siguiente paso, y le sugiere cambios concretos.
Technical SSR Sentinel
Revisa sus páginas en busca de problemas técnicos que impiden que los buscadores las encuentren o las indexen.
Listo para poner al Code Reviewer a trabajar?
Mes a mes, sin contrato. Puede cancelar desde su panel cuando quiera.