Explorar el sitio a fondo: inventario de plantillas, componentes y procesos

En la lección anterior viste que el paso 2 de WCAG-EM (se abre en una ventana nueva) pide identificar páginas comunes, funcionalidad esencial, tipos de página, tecnologías y otras páginas relevantes. Dicho así parece una lista sencilla, pero la exploración es la fase que más condiciona el resto de la auditoría: lo que no aparece en el inventario no entra en la muestra, y lo que no entra en la muestra no se evalúa. En esta lección aprenderás a explorar un sitio de forma sistemática: con qué fuentes, en qué orden, qué buscar y qué entregable debe salir de esta fase.

El objetivo: un inventario, no una lista de fallos

Explorar es construir un mapa del sitio pensado para evaluarlo. Al terminar debes poder responder a cinco preguntas: qué plantillas existen, qué componentes interactivos se repiten, qué tecnologías y contenidos de terceros se usan, qué procesos permiten completar las tareas esenciales y qué documentos descargables hay. La respuesta es el inventario, y de él sale la propuesta de muestra del paso 3.

Durante la exploración verás fallos evidentes: un menú que no se abre con teclado, un gris ilegible en el pie. Anótalos en una columna de observaciones, porque te ayudarán a decidir qué páginas muestrear, pero no los evalúes todavía. Aún no conoces el contexto de cada componente, y una evaluación prematura consume el tiempo que necesitas para conocer el sitio. Como referencia, la lección «Planificar una auditoría» estima la exploración en un 10-15 % del esfuerzo total.

Fuentes para explorar: de lo visible a lo oculto

Ninguna fuente basta por sí sola. Combina estas, de la más evidente a la más oculta:

1. Navegación manual. Recorre el menú principal, los menús secundarios, el pie y el mapa web. Abre al menos una página de cada sección. Usa también el buscador interno con un término genérico y con uno que no dé resultados: la página de resultados y la de «sin resultados» suelen ser plantillas propias.
2. Ficheros del sitio. El fichero /sitemap.xml (o el índice de sitemaps) lista URL que la navegación no muestra. El fichero /robots.txt suele indicar dónde está el sitemap y deja ver áreas que existen aunque no estén enlazadas.
3. Buscadores externos. Consultas como site:ejemplo.es o site:ejemplo.es filetype:pdf revelan subdominios olvidados y el volumen aproximado de documentos indexados.
4. Rastreo automático. Un rastreador sigue los enlaces y devuelve las URL alcanzables con su tipo de contenido. Las herramientas concretas se estudian en el curso N4-C2; aquí lo que importa es usar su resultado para agrupar URL por patrones y detectar documentos.
5. Analítica web. Si el cliente la comparte, indica qué páginas y procesos se usan más y desde qué dispositivos. Si la mayoría de las visitas llegan desde el móvil, la exploración en móvil deja de ser opcional.
6. El propio cliente. El equipo técnico sabe qué gestor de contenidos usa, cuántas plantillas tiene, si existe un design system (biblioteca documentada de componentes reutilizables) y qué servicios son de terceros. Media hora con ese equipo ahorra horas de deducción.

Identificar plantillas y componentes

Una plantilla es una estructura de página que se repite con contenidos distintos: la ficha de noticia, la ficha de trámite, el listado con filtros. Para identificarlas combina dos pistas: los patrones de URL (todas las noticias bajo /actualidad/noticias/) y la estructura visual y del código (mismas regiones, mismas clases en el contenedor principal). No te fíes solo de las URL: dos páginas con el mismo patrón pueden usar plantillas distintas si unas se migraron y otras no, y una misma plantilla puede servir direcciones muy diferentes.

Dentro de las plantillas, inventaría los componentes, porque son la unidad en la que se repiten los fallos. Un acordeón defectuoso usado en 40 fichas de trámite es un solo problema de código con 40 apariciones. Componentes que conviene buscar siempre:

• Globales: cabecera, menú principal y su versión móvil, buscador, migas de pan, pie, banner de cookies, botón de chat o ayuda, selector de idioma.
• De contenido: carruseles, pestañas, acordeones, tablas de datos, gráficos, mapas, galerías, reproductores de vídeo o audio, publicaciones incrustadas de redes sociales.
• De interacción: formularios, selectores de fecha, autocompletados, ventanas modales, avisos emergentes, paginación, filtros, carritos.
• De sesión: inicio de sesión, áreas privadas, notificaciones y cierre de sesión por inactividad, que habrá que evaluar frente a 2.2.1 Tiempo ajustable.

Tecnologías, terceros y documentos

Inspecciona el DOM con las herramientas de desarrollo del navegador para saber de qué depende cada plantilla: HTML y CSS estáticos, JavaScript que construye la interfaz en el navegador, un framework (marco de desarrollo como React, Angular o Vue), WAI-ARIA (se abre en una ventana nueva), SVG, elementos iframe de otros dominios. Esta información alimenta la línea base, porque indica qué combinaciones de tecnología de apoyo conviene probar con más cuidado, y también la estimación de esfuerzo.

Marca expresamente el contenido de terceros: pasarelas de pago, plataformas de identificación (en la Administración, a menudo Cl@ve), mapas, gestores de citas, chats, reproductores y banners de consentimiento. Para cada uno anota quién lo controla y si forma parte de un proceso, porque, como verás en la lección «Alcance de conformidad», eso decide cómo cuenta en el veredicto de la página.

Los documentos merecen un inventario propio: cuántos hay, de qué tipo (PDF, hojas de cálculo, presentaciones), quién los genera y si son esenciales para algún trámite. Un formulario PDF que hay que rellenar para solicitar una ayuda no pesa lo mismo que la memoria anual de hace diez años. Evaluarlos se estudia en el nivel 6; decidir cuáles entran en la muestra es tarea de esta fase.

Descubrir los procesos

La funcionalidad esencial se traduce en procesos. Para cada tarea por la que existe el sitio, documenta el punto de partida, cada pantalla o estado intermedio, las bifurcaciones (pago con tarjeta o con Bizum, persona física o jurídica, con o sin certificado), el punto final y lo que genera (justificante PDF, correo de confirmación). Anota también los datos de prueba que necesitarás para recorrerlo. Esta lista es la base de los procesos completos del paso 3.c y del documento de alcance; detectar ahora que falta un certificado de pruebas evita descubrirlo a mitad de la evaluación.

El entregable: inventario y propuesta de muestra

La exploración termina con un inventario que se comparte con el cliente y que justifica la muestra. Un formato mínimo, con datos de un portal municipal de ejemplo:

Con este inventario, la muestra estructurada se construye casi sola: una instancia de cada fila, las páginas comunes y los procesos completos con todos sus pasos. La lección siguiente explica cómo hacerlo con rigor.

Resumen

• La exploración produce un inventario de plantillas, componentes, tecnologías, terceros, documentos y procesos; todavía no es una evaluación.
• Combina fuentes: navegación manual, sitemap y robots.txt, buscadores externos, rastreo, analítica y entrevista con el cliente.
• Identifica las plantillas por patrones de URL y por estructura, y compruébalo; inventaría los componentes, porque es donde se repiten los fallos.
• Explora también las áreas privadas, la versión móvil y el contenido de terceros, y anota quién controla cada cosa.
• Documenta cada proceso de principio a fin, con sus bifurcaciones y los datos de prueba que necesitará.