Test de accesibilidad web gratis: revisa tu portada

Una web accesible es la que puede usar cualquier persona: quien no ve y escucha la pantalla, quien navega solo con el teclado, quien necesita ampliar el texto o quien tiene el brazo escayolado y maneja el móvil con una mano. No es un extra de diseño. Es la diferencia entre poder pedir cita, comprar o rellenar un formulario, o tener que llamar a otra empresa.

Este test revisa de forma automática el código de tu página de inicio y señala las barreras más habituales que se pueden detectar sin intervención humana. Es un buen punto de partida, pero no una auditoría completa. Más abajo te contamos por qué.

Qué significa cada aviso y cómo corregirlo

La referencia técnica son las pautas WCAG 2.1 del W3C, nivel AA. Cada aviso de tu informe corresponde a uno o varios de sus criterios.

Imágenes sin texto alternativo (criterio 1.1.1)

El atributo alt es lo que lee en voz alta un lector de pantalla cuando llega a una imagen. Si falta, puede leer el nombre del archivo, algo como «IMG_4032.jpg», o nada en absoluto.

• Si la imagen informa (un producto, un plano, un cartel con horarios), describe lo importante en una frase corta.
• Si es decorativa, deja el atributo vacío: alt="". Así el lector la salta. No lo marcamos como fallo.
• No empieces por «imagen de»: el lector ya anuncia que es una imagen.

La web impide ampliar el texto (criterio 1.4.4)

WCAG pide que el texto pueda ampliarse hasta el 200 % sin perder contenido ni funciones. Algunas plantillas bloquean el gesto de ampliar con user-scalable=no o maximum-scale=1 en la etiqueta viewport. Quita esas dos instrucciones y revisa después que el diseño aguanta la ampliación.

Campos de formulario sin etiqueta

Un campo que solo tiene un texto de ejemplo en gris dentro de la casilla parece claro a la vista, pero un lector de pantalla puede anunciarlo como «campo de texto» sin más. Asocia cada campo a una etiqueta label con el atributo for, o envuélvelo dentro de la etiqueta. Los campos trampa antispam ocultos a propósito no cuentan.

Enlaces y botones sin texto (criterio 4.1.2)

Son los iconos de redes sociales, la lupa del buscador o la hamburguesa del menú. Visualmente se entienden; para un lector de pantalla son «enlace» o «botón», sin más. Añade un aria-label que diga qué hacen, por ejemplo «Abrir el menú» o «Instagram de la empresa».

Enlaces con texto genérico (criterio 2.4.4)

Muchas personas que usan lector de pantalla recorren la página saltando de enlace en enlace. Una lista con seis «Leer más» no sirve de nada. Cambia el texto por algo que tenga sentido solo: «Ver precios de mantenimiento» en lugar de «Pincha aquí».

Contenidos incrustados sin título

Cada iframe (un vídeo de YouTube, un mapa, un formulario de reservas) necesita un atributo title que diga qué es: «Mapa de cómo llegar a la tienda», por ejemplo.

Sin enlace para saltar al contenido (criterio 2.4.1)

Quien navega con el teclado tiene que atravesar todo el menú en cada página antes de llegar a lo que busca. Un enlace «Saltar al contenido» al principio, que puede quedar oculto hasta recibir el foco, lo evita. Nuestra comprobación busca ese enlace o un ancla habitual al contenido principal; si usas otro nombre, revísalo a mano.

Vídeo con sonido automático e idioma sin declarar

Un vídeo que suena solo tapa la voz del lector de pantalla (criterio 1.4.2): siléncialo con muted o deja que se inicie con un clic. Y declara el idioma en la etiqueta html, por ejemplo lang="es", para que el lector use la pronunciación correcta (criterio 3.1.1).

Lo que una revisión automática no ve

El propio W3C lo advierte en su guía para elegir herramientas de evaluación: las herramientas no pueden determinar si una web es accesible, solo ayudan a hacerlo, y algunas comprobaciones necesitan juicio humano. Nuestro test detecta una parte de los problemas de WCAG 2.1 AA. Además, analiza solo la portada, desde fuera y tal como llega el código, sin ejecutar la web como lo haría un navegador.

Quedan fuera, entre otras cosas:

• El uso con teclado (criterios 2.1.1 y 2.4.7): si puedes llegar a todo con la tecla Tab y si se ve en todo momento dónde estás.
• El contraste en contexto (criterio 1.4.3): el texto normal necesita una relación de al menos 4,5:1 con su fondo, y eso depende de colores, imágenes de fondo y estados que solo se aprecian al ver la página.
• La experiencia con lector de pantalla: si el orden de lectura tiene sentido, si los mensajes de error se anuncian o si un menú desplegable se puede abrir.
• La calidad de los textos alternativos: comprobamos que existen, no que digan algo útil.
• Subtítulos y transcripciones de vídeos y audios, y el resto de páginas de tu web.

Dos pruebas que puedes hacer hoy: recorre tu web solo con la tecla Tab y amplía el navegador al 200 %. Si te pierdes o algo se rompe, hay trabajo pendiente.

Qué dice la ley

La Ley 11/2023 traslada al derecho español la Directiva (UE) 2019/882, conocida como Acta Europea de Accesibilidad. Desde el 28 de junio de 2025 alcanza, entre otros servicios, al comercio electrónico dirigido a personas consumidoras. Las microempresas que prestan servicios están exentas; las que venden productos, no. Por eso, si detectamos una tienda online sin información de accesibilidad, lo marcamos con prioridad alta.

Para el sector público rige el Real Decreto 1112/2018, que toma como referencia la norma europea EN 301 549. Según el W3C, la versión de 2026 de esa norma ya usa WCAG 2.2, que es compatible con la 2.1: lo que cumple 2.2 cumple también 2.1.

Lo explicamos con calma en la guía sobre la ley de accesibilidad web, y en el observatorio normativo seguimos las fechas y novedades. Este test no es asesoramiento jurídico ni declara que tu web cumpla o incumpla la norma.

Cómo sacarle partido al resultado

Empieza por los avisos de prioridad alta, que suelen ser los más fáciles de corregir: textos alternativos, etiquetas y zoom. Después, haz las dos pruebas manuales de arriba. Si tu web vende online o necesitas una revisión con teclado, contraste y lector de pantalla, cuéntanos tu caso. Cuando corrijas algo, vuelve a pasar el diagnóstico gratuito de tu web para comprobarlo. Y si quieres repasar el resto de obligaciones de tu web, tienes la herramienta para saber si tu web cumple la ley.