¿Cómo de lentas y accesibles son las webs de los ayuntamientos?

/ En resumen

Las cifras

/ Los carruseles

Los dos carruseles de LinkedIn

Primero la velocidad, luego la accesibilidad. Pulsa para ampliar.

/ 01 · Velocidad

Una experiencia nacional, medida

La nota mediana en el móvil es 56 sobre 100 y 11 capitales no llegan a 50. Para ver lo principal de la portada, la mediana tarda 17 segundos, y Google lo considera lento a partir de 4. La portada mediana pesa casi 6 MB y 12 pasan de 10. Bilbao y Vitoria-Gasteiz fueron las más rápidas en esta medición.

La portada más pesada es la de Valladolid, con 34 MB, y aun así saca un 57: 32 de esos megas son dos vídeos que se descargan solos, pero la portada aparece en 13 segundos. Murcia pesa 30 MB, saca un 4 y, en la simulación, tarda más de dos minutos. La nota mide cuándo ves y puedes usar la página, no cuánto pesa.

En Salamanca, una sola foto de un coche eléctrico pesa 21,8 MB, más que 46 de las 50 portadas enteras. En Murcia, la foto de una nota de prensa pesa 5,9 MB. Imágenes subidas sin que nadie mire cuánto pesan.

/ 02 · Accesibilidad

Usarlas sin ver la pantalla

axe encontró errores WCAG 2.1 en 42 de 49 portadas en escritorio (23 con errores críticos) y en 46 de 49 en móvil (28 críticos). Toledo estaba caída en la medición de escritorio y Huesca en la de móvil. Las pruebas automáticas solo encuentran una parte: Deque midió en torno al 57 % de los problemas en volumen, así que la realidad es peor, no mejor.

El caso más claro: en el móvil, el botón del menú de Donostia, Huelva y Toledo no tiene nombre, y el lector de pantalla solo dice "botón". En Huelva el botón sí trae el texto "Toggle navigation" para lectores de pantalla, pero una regla del CSS para móvil, .navbar-toggle span { display: none !important }, lo oculta y el nombre accesible queda vacío. En Palma, axe marca 146 elementos, la mayoría enlaces sin texto: iconos de servicios con el nombre fuera del enlace.

A 320 px de ancho (WCAG 1.4.10, lo mismo que ampliar al 400 %), 12 webs obligan a desplazarse en horizontal y 5 no se adaptan al móvil: Ávila, Granada, Jaén, Soria y Bilbao. Declaraciones de accesibilidad: 24 dicen "parcialmente conforme", ninguna dice cumplir del todo, 6 citan normas ya sustituidas, 13 no se encuentran desde la portada y 7 no dicen su grado.

/ 03 · Las 50 capitales

Ciudad a ciudad, los dos estudios

/ 04 · WCAG

Qué son las WCAG, versión a versión

Las Pautas de Accesibilidad para el Contenido Web (WCAG) son la norma técnica del W3C para que una web la puedan usar personas con discapacidad: personas ciegas con lector de pantalla, quien navega solo con el teclado, personas con baja visión, personas sordas, personas con discapacidad cognitiva. Se ordenan en cuatro principios: el contenido tiene que ser perceptible, operable, comprensible y robusto.

Cada regla es un "criterio de conformidad" con un nivel: A (el mínimo), AA y AAA. Las leyes piden el nivel AA, que significa cumplir todos los criterios A y AA. Ninguna ley exige el AAA completo.

¿Una carga? Lo que piden y lo que no

Hay quien ve las WCAG como un corsé que obliga a diseñar de una manera. Pero no fijan colores, tipografías ni estructuras. Fijan lo que tiene que poder hacer la gente: leer el texto con suficiente contraste, usar todo con el teclado, saber para qué sirve cada botón. Cómo lo consigas es cosa tuya.

Y lo que piden coincide casi entero con una web bien hecha, también para quien no tiene ninguna discapacidad:

• Código que se mantiene. Un botón de verdad en vez de un div con un clic, formularios con etiqueta, encabezados en orden. Es HTML correcto, y se rompe menos.
• Webs que entienden las máquinas. Buscadores, asistentes de voz, agentes de IA y herramientas de pruebas como Playwright leen esa misma estructura, los roles y los nombres de cada elemento, para saber qué hay en la página.
• Webs más fáciles de usar. Contraste para leer con el sol de frente, subtítulos para ver un vídeo sin sonido, páginas que no se rompen al ampliar.
• Un criterio que se puede comprobar. Sin WCAG, "accesible" sería una opinión. Con ellas hay una lista que se puede pedir al encargar una web y revisar al entregarla.

También tienen costes, y conviene decirlo: una paleta de marca muy clara puede no llegar al contraste que pide el texto, subtitular vídeos lleva tiempo y arreglar una web vieja que se hizo mal sale caro. Si se tienen en cuenta desde el principio, el coste es mucho menor.

/ 05 · La ley

Qué versión es obligatoria, y dónde

Así que los 50 ayuntamientos de este estudio tienen que cumplir las WCAG 2.1 AA desde 2018, y las 2.2 cuando se cite la nueva norma. Las WCAG son el suelo, no el techo, y muchas de estas webs no llegan ni al suelo.

/ 06 · Método

Cómo lo medí y sus límites

• Velocidad: Lighthouse, el motor de PageSpeed Insights, con un móvil normalito simulado y 4G lenta. Cada web, tres veces, y me quedo con la mediana: unas 150 mediciones. Lo repetí a mano en PageSpeed: casi todas se movieron menos de 10 puntos; la que más, Vitoria, de 92 a 65. Fíate más del orden que del número exacto.
• El peso es el dato más estable: 30 MB son 30 MB, mida quien mida.
• Es una prueba de laboratorio con un móvil simulado, no datos de usuarios reales, y solo de la portada.
• almeria.es no es el Ayuntamiento, es la Diputación: la web correcta hubo que buscarla a mano.
• Accesibilidad: axe-core 4.13 contra WCAG 2.1 A y AA. Descarté dos detectores por no ser fiables: el del foco invisible y el de "saltar al contenido".

Fuentes: W3C: resumen de las WCAG · Novedades de las WCAG 2.2 · EN 301 549 v4.1.1 (Deque) · RD 1112/2018 (BOE) · Ley 11/2023 (BOE) · Plazos del ADA, título II (JD Supra)