Accesibilidad web y SEO: en qué coinciden y por qué importa

Puntos clave

Un sitio accesible lo pueden usar personas con discapacidad, incluidas quienes navegan con lector de pantalla, solo con teclado o con zoom.
Muchas bases de accesibilidad también son bases de SEO: texto alt, encabezados ordenados, enlaces descriptivos y texto real en lugar de texto dentro de imágenes.
Las WCAG son el estándar del W3C para la accesibilidad web; la versión más reciente es WCAG 2.2.
La accesibilidad no es un truco para posicionar. Hazla por tus visitantes; el beneficio SEO llega como efecto secundario.

Cuando construyo o reviso un sitio en mi servicio de diseño y desarrollo web, reviso la accesibilidad web y el SEO al mismo tiempo, porque muchas correcciones son exactamente las mismas. Una página que un lector de pantalla entiende bien casi siempre es una página que Google también entiende bien.

¿Qué es un sitio web accesible?

Es un sitio que las personas con discapacidad pueden percibir, entender, recorrer y usar: alguien ciego que usa lector de pantalla, alguien que no puede usar el mouse, alguien con baja visión que amplía la pantalla o alguien que no puede oír un video. En la práctica, significa contenido y controles que no dependen de un solo sentido o dispositivo.

¿Qué son las WCAG?

Las WCAG, Pautas de Accesibilidad para el Contenido Web, son el estándar internacional de accesibilidad web, desarrollado por un grupo de trabajo de la Iniciativa de Accesibilidad Web del W3C. La versión más reciente, WCAG 2.2, se publicó en octubre de 2023. Sus criterios tienen tres niveles, A, AA y AAA, y cuatro principios: perceptible, operable, comprensible y robusto.

El detalle está en el resumen de WCAG 2 del W3C. Las WCAG están escritas para desarrolladores y son largas; un dueño de negocio no necesita leerlas completas. El nivel AA es al que apuntan la mayoría de organizaciones, y la lista de más abajo cubre sus puntos más comunes.

¿La accesibilidad ayuda al SEO?

De forma indirecta, sí, porque muchos requisitos de accesibilidad les dan a los buscadores la misma información que reciben las tecnologías de apoyo. El texto alt describe imágenes, los encabezados ordenan la página, los enlaces descriptivos dicen a dónde llevan y las transcripciones vuelven texto el audio. Google no la publica como factor de ranking: tómalo como efecto secundario.

Práctica de accesibilidad	A quién ayuda	Efecto en el SEO
Texto alt en imágenes con significado	Usuarios de lector de pantalla	Google entiende la imagen (búsqueda de imágenes, contexto)
Un H1 y encabezados en orden	Quien salta de encabezado en encabezado con lector de pantalla	Estructura y secciones claras
Enlaces descriptivos, no "haz clic aquí"	Quien revisa la lista de enlaces fuera de contexto	El texto ancla le dice a Google de qué trata la página enlazada
Subtítulos y transcripciones en video y audio	Personas sordas o con pérdida auditiva	Lo que se dice se vuelve texto legible
Texto real en vez de texto dentro de imágenes	Personas con baja visión que usan zoom o alto contraste	Texto que Google puede leer y citar
Contraste de color suficiente	Baja visión, y cualquiera con el celular al sol	Sin efecto directo, pero una lectura cómoda retiene la visita
Atributo de idioma en la página	El lector de pantalla pronuncia bien	Ninguno para detectar el idioma (ver abajo)

Texto alt y encabezados: las dos coincidencias más grandes

El texto alt es el caso más claro. Las buenas prácticas de imágenes de Google dicen que usa el texto alt para entender las imágenes, y el árbol de decisión del W3C explica cuándo una imagen necesita texto alt y cuándo debe quedar vacío porque es decorativa. Cómo escribirlo, con ejemplos de tiendas, lo explico en texto alt en imágenes.

Los encabezados son lo segundo. Muchos usuarios de lector de pantalla recorren una página saltando de encabezado en encabezado, así que un esquema con un H1 y H2 y H3 en orden es una herramienta de navegación para ellos y una señal de estructura para los buscadores. La guía completa está en encabezados H1, H2 y H3 para SEO.

¿Por qué importa el texto de los enlaces para la accesibilidad y el SEO?

Quien usa lector de pantalla puede abrir una lista con todos los enlaces de la página, leídos fuera de contexto. Diez enlaces que dicen "ver más" no sirven ahí. Google también usa el texto visible del enlace para entender la página enlazada. "Mira los precios de SEO local" sirve para ambos; "haz clic aquí" no.

Google lo dice en sus buenas prácticas de enlaces: el texto ancla debe ser descriptivo y tener sentido por sí solo. Lo mismo pasa con los botones: un botón que solo muestra un ícono necesita una etiqueta accesible.

¿Qué contraste de color piden las WCAG?

En el nivel AA, el texto normal necesita una relación de contraste de al menos 4,5 a 1 frente a su fondo, y el texto grande de al menos 3 a 1. El gris claro sobre blanco o el texto sobre una foto recargada suelen fallar. Un verificador gratuito te da la relación con los dos códigos de color.

El texto exacto y las excepciones están en la guía del W3C sobre contraste mínimo. El contraste no cambia el ranking de forma directa, pero un texto que no se puede leer es un texto que no vende.

¿El atributo de idioma ayuda al SEO?

No para detectar el idioma. Google dice que usa el contenido visible de la página para saber en qué idioma está y que no usa información de código como el atributo lang. Igual configúralo: los lectores de pantalla dependen de él para pronunciar bien, y una página en español marcada como inglés se lee con la voz equivocada.

Esa afirmación viene de la guía de Google sobre sitios multirregionales y multilingües. En un sitio bilingüe, hreflang hace el trabajo de SEO y lang hace el de accesibilidad.

Lista práctica de accesibilidad para dueños de negocio

El W3C publica las Easy Checks, una primera revisión que cualquiera puede hacer sin ser desarrollador. Estos son los puntos con los que empiezo en un sitio de empresa:

Cada página tiene un título claro y único.
Las imágenes con significado tienen texto alt; las decorativas, alt vacío.
Un H1 por página y encabezados en orden, sin saltar niveles.
El texto de enlaces y botones dice a dónde lleva o qué hace.
El texto cumple el contraste: 4,5 a 1 para texto normal.
Puedes llegar a cada menú, enlace y campo con la tecla Tab y ver dónde está el foco.
La página sigue funcionando con zoom al 200 % en computador.
Los campos de formulario tienen etiquetas visibles, no solo texto de ejemplo.
Los videos tienen subtítulos y el audio tiene transcripción.
La página declara su idioma en la etiqueta html.

Las Easy Checks son un punto de partida, no una auditoría completa: el W3C aclara que se necesita una evaluación más amplia para medir la accesibilidad del todo. Las herramientas automáticas detectan algunos problemas, como texto alt faltante o bajo contraste, pero no si el texto alt de verdad sirve.

Perceptible

Alternativas de texto, subtítulos y contraste para no depender de un solo sentido.

Operable

Todo funciona con teclado y nada atrapa el foco.

Comprensible

Etiquetas claras, navegación predecible y lenguaje sencillo.

Compatible

HTML limpio que navegadores y tecnologías de apoyo pueden leer.

Legible para Google

La misma estructura ayuda a los buscadores a entender cada página.

Más clientes

Quien puede usar tu sitio puede comprarte.

¿La accesibilidad web es obligatoria por ley?

Depende del país y del tipo de organización, así que consúltalo con tu asesor legal. Solo como información: en Estados Unidos, el Departamento de Justicia publicó en 2022 una guía que dice que, en su posición, la ADA aplica a la oferta en línea de los negocios abiertos al público, y menciona las WCAG como orientación técnica útil.

Puedes leer directamente la guía del Departamento de Justicia sobre accesibilidad web y la ADA; allí se aclara que los documentos de orientación no tienen por sí solos efecto legal vinculante. Cada país de Latinoamérica tiene sus propias normas. Este artículo no es asesoría legal.

Por dónde empezar si tu sitio nunca se pensó accesible

Empieza por las plantillas. En casi todos los sitios, el encabezado, el menú, la plantilla de producto o servicio y el pie de página aparecen en todas las páginas, así que una corrección en la plantilla arregla cientos de páginas. Luego sigue con las páginas que traen clientes: inicio, servicios y contacto. La guía de inicio de SEO de Google da el mismo consejo para la búsqueda: un sitio útil y fácil de usar para las personas. Si vas a hacer un sitio nuevo, sale mucho más barato pensar la accesibilidad desde el principio, como explico en por qué el diseño web importa para el SEO. Como consultor SEO que también construye sitios, reviso las dos cosas en un diagnóstico gratis: agéndalo aquí.

Preguntas frecuentes

¿Los widgets o plugins de accesibilidad vuelven accesible un sitio?

Pueden agregar opciones, pero no corrigen el HTML de fondo. Las etiquetas faltantes, la mala estructura y los formularios inaccesibles se arreglan en el propio sitio.

¿WCAG 2.1 sigue vigente?

Sí, pero el W3C recomienda usar la versión más reciente, WCAG 2.2, que se construye sobre la 2.1.

¿Lighthouse da una puntuación de accesibilidad?

Sí, Lighthouse de Chrome incluye una auditoría de accesibilidad. Detecta problemas técnicos comunes, pero un puntaje perfecto no significa que el sitio sea del todo accesible.

¿Los PDF también deben ser accesibles?

Sí. Si tus clientes necesitan un PDF, debe tener texto real, encabezados y estructura etiquetada, o el mismo contenido en una página HTML.

¿Cuánto toma una revisión de accesibilidad?

Una primera pasada con las Easy Checks del W3C en unas pocas páginas clave toma una tarde. Una auditoría completa de un sitio grande toma bastante más.

Sobre el autor

Juan José Giraldo es consultor SEO en Medellín, Colombia, con más de 5 años de experiencia. Trabaja el SEO técnico y local de más de 600 concesionarios en EE. UU. en Reunion Marketing, agencia de la lista Inc. 5000, y supervisa el SEO de 18 tiendas online en EE. UU. con más de 3 millones de productos en Prontomowers. Ver más · LinkedIn.

Accesibilidad web y SEO: un sitio que sirve a cada visitante y también a Google.