Una web accesible es la que puede usar cualquier persona: sin ratón, con poca vista, con lector de pantalla o con dificultades para leer. Se mide con las pautas WCAG del W3C, cuya versión más reciente es la 2.2, y que se organizan en cuatro principios: perceptible, operable, comprensible y robusto. La mayoría de las webs fallan en lo mismo: contraste, textos alternativos, formularios y navegación con teclado.
Las pautas: WCAG
Las Pautas de Accesibilidad para el Contenido Web (WCAG) las publica el W3C. Cada criterio tiene un nivel: A, AA o AAA. El W3C recomienda usar la versión más reciente, la 2.2. Para cumplir la normativa europea, la mayoría de organizaciones las usan junto con la norma EN 301 549.
En la práctica, el nivel AA es la referencia habitual: incluye los criterios de nivel A y los de AA.
Lo que se comprueba
| Qué | Criterio WCAG | Cómo falla |
|---|
| Texto alternativo en imágenes | 1.1.1 Contenido no textual (A) | Imágenes sin descripción para el lector de pantalla |
| Uso con teclado | 2.1.1 Teclado (A) | Menús o botones que solo funcionan con ratón |
| Contraste del texto | 1.4.3 Contraste mínimo (AA) | Texto gris claro sobre blanco |
| Foco visible | 2.4.7 Foco visible | No se ve dónde estás al navegar con el tabulador |
| Etiquetas en formularios | 3.3.2 Etiquetas o instrucciones | Campos sin etiqueta, solo con un texto de ejemplo que desaparece |
| Idioma de la página | 3.1.1 Idioma de la página | El lector de pantalla lee el español con pronunciación de otro idioma |
Los nombres y niveles están en la referencia rápida de WCAG 2.2. El criterio de contraste mínimo pide una relación de al menos 4,5:1 para el texto normal y de 3:1 para el texto grande.
Lo que una herramienta automática no ve
Un análisis automático detecta un contraste insuficiente o una imagen sin texto alternativo. No sabe si el texto alternativo describe bien la imagen, ni si un formulario se entiende, ni si el orden de lectura tiene sentido. Para eso hace falta que una persona abra la web con el teclado y, si puede, con un lector de pantalla.
A quién obliga la ley
La Directiva europea sobre requisitos de accesibilidad de los productos y servicios incluye los servicios de comercio electrónico. En España la traspone una ley de trasposición de directivas en materia de accesibilidad.
La directiva exime a las microempresas que presten servicios: las que emplean a menos de 10 personas y cuyo volumen de negocios anual o balance general anual no supera los 2 millones de euros. Si tu tienda está cerca de esos límites o los supera, consulta tu caso con tu asesor.
Aunque no te obligue, una web accesible la usa más gente. Un buen contraste o un formulario con etiquetas claras ayudan a todo el mundo, no solo a quien usa un lector de pantalla.
Lo que se arregla antes
- Contraste. Suele ser cambiar dos o tres colores del tema.
- Textos alternativos. En las imágenes que informan; las decorativas se marcan para que el lector las ignore.
- Etiquetas de formulario. Contacto, reserva, pago: donde el usuario tiene que escribir.
- Foco visible. Una línea de estilo que muchos temas eliminan.
- Idioma declarado. Una línea en el código de la página.
Lo que no funciona
- Los widgets de accesibilidad «de un clic». Añaden un botón con opciones, pero no arreglan el código de la web.
- Arreglar solo la portada. El usuario también necesita la ficha, el carrito y el formulario.
Cuándo no es urgente
- Tu web ya cumple lo básico y la ley no te obliga. Puedes ir mejorando con cada cambio de diseño, sin un proyecto aparte.
Preguntas frecuentes
¿Qué versión de WCAG hay que seguir?
El W3C recomienda usar la versión más reciente, que es WCAG 2.2. El nivel AA es la referencia habitual.
¿La ley de accesibilidad obliga a mi tienda online?
La directiva europea incluye el comercio electrónico pero exime a las microempresas que prestan servicios. Para tu caso concreto, consulta a tu asesor.
¿Sirve un widget de accesibilidad?
No sustituye arreglar la web. El contraste, los textos alternativos y las etiquetas tienen que estar en el propio código.
¿Qué contraste mínimo pide WCAG?
Una relación de al menos 4,5:1 para el texto normal y de 3:1 para el texto grande, en el nivel AA.
Cómo lo hacemos nosotros
En Pulso la accesibilidad es uno de los ocho grupos de la auditoría: que la web la pueda usar cualquier persona, sin ratón, con poca vista o con lector de pantalla. Abrimos tu web con un navegador como la vería un cliente, en escritorio y en móvil, y una persona revisa cada hallazgo antes de enseñártelo. La auditoría es gratis y la entregamos en 5 días laborables; los arreglos tienen precio cerrado y lo ves en tu panel, junto al hallazgo que resuelven. Funciona con Shopify, HubSpot y cualquier otra plataforma.
Si tu tienda tiene visitas pero no vende, puede que parte del problema esté aquí: lee tienda con visitas pero sin ventas.
