¿Qué es una web accesible de nivel AAA?
Una web accesible es la que puede usar cualquier persona: quien navega con un lector de pantalla, quien solo usa el teclado, quien tiene baja visión o quien lee con dificultad. Las pautas WCAG 2.2 del W3C la miden en tres niveles —A, AA y AAA— y AAA es el más exigente: pide, por ejemplo, un contraste de texto de 7:1 frente al 4,5:1 del nivel AA.
WCAG 2.2 se publicó el 5 de octubre de 2023 y reúne 86 criterios: 31 de nivel A, 24 de nivel AA y 31 de nivel AAA. Cada nivel incluye los anteriores, así que una web que apunta a AAA trabaja sobre los 86.
AA frente a AAA, en lenguaje llano
La diferencia entre los dos niveles se ve en detalles concretos de la página:
| Qué se mide | Nivel AA | Nivel AAA |
|---|---|---|
| Contraste del texto normal | 4,5:1 (criterio 1.4.3) | 7:1 (criterio 1.4.6) |
| Tamaño de botones y enlaces táctiles | 24×24 px (criterio 2.5.8) | 44×44 px (criterio 2.5.5) |
| Foco del teclado | No puede quedar tapado del todo (2.4.11) | No puede quedar tapado en ninguna parte y tiene un tamaño y contraste mínimos (2.4.12 y 2.4.13) |
| Texto de los enlaces | Se entiende con la frase de alrededor (2.4.4) | Se entiende solo con el texto del enlace (2.4.9) |
| Siglas y palabras técnicas | Sin requisito | Expansión de cada sigla y definición de los términos inusuales (3.1.4 y 3.1.3) |
| Ayuda en formularios | Etiquetas e instrucciones (3.3.2) | Ayuda contextual en cada campo (3.3.5) |
El propio W3C advierte en WCAG que no se puede exigir AAA como política general para sitios completos, porque hay contenidos en los que algunos criterios no se pueden satisfacer. De esa advertencia sale nuestra forma de prometerlo.
Nuestra promesa: AAA como objetivo, no como certificado
En SMedialab construimos cada web apuntando al nivel AAA, y nuestro trabajo lo alcanza salvo en lo que una exigencia del proyecto lo impida. Las exigencias que lo impiden son concretas: un color corporativo que el manual de marca no permite ajustar, una herramienta de terceros obligatoria cuyo código no controlamos —un motor de reservas, un mapa, un vídeo incrustado— o un vídeo que se publica sin versión en lengua de signos.
Cuando algo queda por debajo de AAA, la declaración de accesibilidad lo nombra uno a uno, con el criterio afectado y el motivo. No vendemos certificados ni sellos: el W3C no certifica webs, y un sello no dice nada de la página que se publica al día siguiente. Tampoco prometemos un nivel mínimo garantizado. Lo que prometemos es el objetivo, el trabajo para alcanzarlo y un documento público que dice con exactitud dónde se ha llegado y dónde no.
Qué hacemos en cada fase del proyecto
Contraste y color
Medimos cada combinación de color de texto y fondo que va a usar la web contra el umbral AAA: 7:1 para el texto normal y 4,5:1 para el texto grande. Los acentos gráficos que no son texto —iconos, bordes de campo, indicadores— se miden contra 3:1. Si el color de marca no llega, conservamos el color y adaptamos el texto que va encima: en nuestra propia web, el icono del botón de WhatsApp va en azul noche sobre el verde corporativo y da 9,65:1.
Navegación por teclado
Todo lo que se puede hacer con el ratón se puede hacer con el teclado, sin trampas de las que no se sale. Dibujamos un foco visible sobre cualquier fondo, ponemos el enlace «Saltar al contenido» al principio de cada página, cerramos menús y diálogos con la tecla Escape y sacamos del orden de tabulación los menús plegados, para que el foco nunca se pierda en algo invisible. Los botones y enlaces táctiles miden al menos 44×44 píxeles.
Lector de pantalla
Un lector de pantalla no lee la página como se ve, sino como está escrita en el código. Por eso revisamos a mano, con NVDA y voz en español, las regiones de la página, la jerarquía de encabezados, la lista de enlaces, las etiquetas de los formularios y los mensajes de estado. Cuando un enlace abre una ventana nueva, lo avisamos en su nombre accesible, que es lo que el lector anuncia antes de activarlo.
Textos alternativos
Escribimos el texto alternativo de cada imagen según lo que aporta en ese sitio concreto, no según lo que muestra en abstracto. Las imágenes decorativas llevan el texto alternativo vacío para que el lector las salte. Y el texto se publica como texto, nunca como imagen, con la única excepción de los logotipos.
Estructura semántica
Cada página tiene un único título principal y una jerarquía de encabezados sin saltos, regiones marcadas (cabecera, navegación, contenido, pie) y migas de pan que dicen dónde está el visitante. Las siglas llevan su expansión en el primer uso y los términos técnicos enlazan a su definición. Es la misma estructura que construimos con el SEO técnico de nuestro diseño web: la hacemos una vez y sirve a los dos.
Formularios
Cada campo tiene una etiqueta visible, una ayuda que no desaparece al escribir y el autocompletado del navegador activado para nombre, correo y teléfono. Los errores se anuncian en el momento, dicen qué falla y cómo corregirlo, y ningún formulario caduca mientras alguien lo rellena.
¿Cómo verificamos la accesibilidad?
Las herramientas automáticas detectan solo una parte de los problemas: si un texto alternativo describe bien la imagen o si el orden de lectura tiene lógica lo ve una persona, no un programa. Por eso verificamos en tres capas:
- Evaluación automática con Lighthouse y axe sobre cada tipo de página, con las reglas de contraste de AA y de AAA activas a la vez.
- Inspección semiautomática del contraste de los elementos interactivos, el tamaño de los objetivos táctiles, el orden de tabulación, la preferencia de reducir movimiento y el comportamiento entre 320 y 1.440 píxeles de ancho.
- Revisión manual con lector de pantalla y recorrido completo solo con teclado por las rutas que llevan al contacto, la reserva o la compra.
En las webs que construimos con nuestro sistema, la comprobación de contraste corre además en cada publicación y la detiene si un par de colores baja de 7:1.
La declaración de accesibilidad, como entregable
Toda web que entregamos lleva su declaración de accesibilidad publicada, con la estructura que recomienda la Iniciativa de Accesibilidad Web del W3C: estado de conformidad, criterios cumplidos, criterios que no aplican y por qué, elementos por debajo de AAA con su motivo, alcance, método de evaluación, un contacto para avisar de barreras y la fecha de la próxima revisión.
Es el mismo documento que publicamos para la nuestra. La declaración de accesibilidad de smedialab.es enumera criterio a criterio los AAA que cumple, justifica los que no aplican —la web no tiene vídeo ni audio que subtitular— y fija su próxima revisión el 4 de junio de 2027. Cualquiera puede contrastar lo que dice con la web.
La Ley 11/2023 y el Acta Europea de Accesibilidad
La Ley 11/2023, de 8 de mayo, traspone a España el Acta Europea de Accesibilidad (Directiva (UE) 2019/882). Desde el 28 de junio de 2025 aplica requisitos de accesibilidad a servicios privados como el comercio electrónico, la banca, el transporte de viajeros y las comunicaciones electrónicas; las microempresas que prestan servicios quedan exentas.
Cuando la web entra en ese ámbito lo tenemos en cuenta desde el presupuesto: fijamos qué partes del sitio cubre la declaración, qué herramientas de terceros quedan dentro o fuera y cómo se documenta cada una. Nuestro objetivo sigue siendo el mismo, AAA, un nivel por encima del AA que suelen tomar como referencia técnica estas normas.
Accesibilidad, SEO y GEO comparten la misma base
Los encabezados jerarquizados, los textos alternativos, los enlaces con texto descriptivo y el contenido legible que necesita un lector de pantalla son los mismos que usa Google para entender una página y los modelos de lenguaje para citarla. Por eso no los tratamos como trabajos separados: la accesibilidad va en la misma base técnica que el posicionamiento SEO y la optimización para motores generativos (GEO), y lo que se construye para una persona que no ve la pantalla lo aprovechan también los buscadores.
Datos de referencia (actualizado septiembre 2026)
- WCAG 2.2: publicada el 5 de octubre de 2023; 86 criterios, 31 de nivel A, 24 de nivel AA y 31 de nivel AAA — W3C.
- Contraste del texto normal: 4,5:1 en AA y 7:1 en AAA — WCAG 2.2, criterios 1.4.3 y 1.4.6.
- Tamaño de los objetivos táctiles: 24×24 px en AA y 44×44 px en AAA — WCAG 2.2, criterios 2.5.8 y 2.5.5.
- Ley 11/2023, de 8 de mayo: requisitos de accesibilidad de productos y servicios aplicables desde el 28 de junio de 2025 — BOE.
- Declaración de smedialab.es: próxima revisión programada el 4 de junio de 2027 — /accesibilidad/.
