Comprobar la ac­ce­si­bi­li­dad de una página web paso a paso

Existen di­fe­re­n­tes métodos y he­rra­mie­n­tas para realizar un test de ac­ce­si­bi­li­dad web. De­pe­n­die­n­do del objetivo, el alcance y la co­m­ple­ji­dad técnica, es posible ide­n­ti­fi­car, evaluar y corregir de forma es­pe­cí­fi­ca los puntos débiles más comunes en materia de ac­ce­si­bi­li­dad.

¿Cómo puedo saber si mi página web es accesible?

La ac­ce­si­bi­li­dad de una página web se puede comprobar de varias formas. Lo ideal es combinar he­rra­mie­n­tas au­to­má­ti­cas con pruebas manuales.

Para empezar, puedes usar ex­te­n­sio­nes del navegador o co­m­pro­ba­do­res online que detecten errores evidentes. Un punto de partida habitual son los tests de contraste de color, los textos al­te­r­na­ti­vos en imágenes, o la ve­ri­fi­ca­ción de la es­tru­c­tu­ra semántica del HTML y de fo­r­mu­la­rios claros mediante el uso de la etiqueta <label>. Sin embargo, muchas barreras no pueden de­te­c­tar­se mediante he­rra­mie­n­tas au­to­má­ti­cas, como por ejemplo una es­tru­c­tu­ra confusa o re­da­c­cio­nes poco co­m­pre­n­si­bles.

En estos casos, es re­co­me­n­da­ble realizar pruebas manuales con personas usuarias reales o expertas, que utilicen te­c­no­lo­gías de asi­s­te­n­cia y evalúen la web desde su ex­pe­rie­n­cia. Todos los re­su­l­ta­dos del test deben do­cu­me­n­tar­se y ordenarse por prio­ri­da­des para que sea posible aplicar mejoras de forma gradual.

¿Cuál es el marco legal para la ac­ce­si­bi­li­dad en EE. UU.?

En los Estados Unidos, la ac­ce­si­bi­li­dad para el contenido digital está regulada pri­n­ci­pa­l­me­n­te por:

• La Ley de Es­ta­dou­ni­de­n­ses con Di­s­ca­pa­ci­da­des (Americans with Di­sa­bi­li­ties Act o ADA), que ha sido cada vez más in­te­r­pre­ta­da por los tri­bu­na­les para aplicarse a páginas web, es­pe­cia­l­me­n­te para empresas que sirven al público.
• La Sección 508 de la Ley de Reha­bi­li­ta­ción (Reha­bi­li­ta­tion Act), que se aplica a las agencias federales y exige que la te­c­no­lo­gía ele­c­tró­ni­ca y la in­fo­r­ma­ción sean ac­ce­si­bles para las personas con di­s­ca­pa­ci­da­des.

Además, las Di­re­c­tri­ces de Ac­ce­si­bi­li­dad para el Contenido Web (WCAG) 2.1 sirven como el estándar técnico de facto para lograr el cu­m­pli­mie­n­to de la ac­ce­si­bi­li­dad, aunque no están di­re­c­ta­me­n­te co­di­fi­ca­das en la ley para empresas privadas. El in­cu­m­pli­mie­n­to puede dar lugar a demandas o in­ve­s­ti­ga­cio­nes por parte del De­pa­r­ta­me­n­to de Justicia de EE. UU. (DOJ), es­pe­cia­l­me­n­te si un sitio web crea barreras para los usuarios con di­s­ca­pa­ci­da­des.

Fu­n­da­me­n­tos del test de ac­ce­si­bi­li­dad web: he­rra­mie­n­tas au­to­má­ti­cas vs. pruebas manuales

Antes de que una página web pueda co­n­si­de­rar­se accesible, debe evaluarse en diversos es­ce­na­rios de uso. Para ello se combinan métodos au­to­má­ti­cos y pruebas manuales que se co­m­ple­me­n­tan entre sí. Ambas es­tra­te­gias tienen sus ventajas y permiten detectar di­fe­re­n­tes tipos de barreras.

Tests au­to­má­ti­cos

Los tests au­to­má­ti­cos son eva­lua­cio­nes rápidas y efi­cie­n­tes rea­li­za­das mediante he­rra­mie­n­tas de software. Detectan problemas como textos al­te­r­na­ti­vos ausentes, co­n­tra­s­tes inade­cua­dos o errores en los roles ARIA. Son ideales para un primer análisis del diseño web accesible y para mantener un control de calidad constante.

No obstante, si haces un test de ac­ce­si­bi­li­dad web uti­li­za­n­do he­rra­mie­n­tas au­to­má­ti­cas, debes tener en cuenta que solo ide­n­ti­fi­ca­rán un po­r­ce­n­ta­je limitado de los posibles problemas. En especial, las am­bi­güe­da­des li­n­güí­s­ti­cas, in­ter­ac­cio­nes mal diseñadas o di­fi­cu­l­ta­des de na­ve­ga­ción suelen pasar des­ape­r­ci­bi­das.

Tests manuales

Los tests manuales cubren las carencias de los tests au­to­má­ti­cos mediante pruebas prácticas y eva­lua­cio­nes es­pe­cia­li­za­das. Entre ellas se incluyen el uso exclusivo del teclado para navegar por la web, el empleo de lectores de pantalla y la revisión de la claridad y co­m­pre­n­sión del contenido.

Estas pruebas tienen en cuenta las ne­ce­si­da­des de personas con di­s­ca­pa­ci­da­des motoras, se­n­so­ria­les o co­g­ni­ti­vas, y gracias a la in­te­r­ve­n­ción humana pueden de­te­c­tar­se barreras que pasarían des­ape­r­ci­bi­das en un análisis au­to­ma­ti­za­do.

Por tanto, si quieres saber si tu página web es realmente accesible, deberías realizar un test es­tru­c­tu­ra­do que combine ambas es­tra­te­gias: he­rra­mie­n­tas au­to­má­ti­cas y pruebas manuales.

Test de ac­ce­si­bi­li­dad web: las 5 mejores he­rra­mie­n­tas

Para obtener una primera visión general sobre la ac­ce­si­bi­li­dad de una página web, las he­rra­mie­n­tas au­to­má­ti­cas son es­pe­cia­l­me­n­te útiles. A co­n­ti­nua­ción, te pre­se­n­ta­mos una selección de he­rra­mie­n­tas re­co­me­n­da­das.

WAVE (Web Ac­ce­s­si­bi­li­ty Eva­lua­tion Tools)

WAVE es una he­rra­mie­n­ta gratuita muy práctica en forma de extensión del navegador, que permite evaluar rá­pi­da­me­n­te la ac­ce­si­bi­li­dad de páginas web in­di­vi­dua­les. Marca vi­sua­l­me­n­te las barreras de­te­c­ta­das di­re­c­ta­me­n­te en el diseño de la página, lo que facilita ide­n­ti­fi­car las áreas que deben mejorarse.

Además, WAVE pro­po­r­cio­na re­co­me­n­da­cio­nes concretas para corregir los errores en­co­n­tra­dos. Es ideal para pri­n­ci­pia­n­tes que desean obtener una visión general rápida de su web. También dispone de una API de pago y un motor de test que permiten integrar el test de ac­ce­si­bi­li­dad web en procesos de de­sa­rro­llo au­to­ma­ti­za­dos.

axe DevTools (de Deque Systems)

axe DevTools es un plugin de navegador muy completo, orientado al de­sa­rro­llo, que ofrece un análisis preciso y detallado de ac­ce­si­bi­li­dad web de forma gratuita. Detecta múltiples barreras conforme a las WCAG y pro­po­r­cio­na su­ge­re­n­cias claras para re­so­l­ve­r­las, lo que agiliza mucho el trabajo.

Es adecuado tanto para de­sa­rro­lla­do­res como para equipos de control de calidad (QA) que necesiten realizar tests de ac­ce­si­bi­li­dad web efi­cie­n­tes. Además, Deque Systems ofrece so­lu­cio­nes de pago que se integran fá­ci­l­me­n­te en entornos de de­sa­rro­llo y flujos CI/CD, pe­r­mi­tie­n­do que la ac­ce­si­bi­li­dad sea parte del proceso continuo.

Google Li­gh­thou­se

Google Li­gh­thou­se es una he­rra­mie­n­ta integrada en el navegador Chrome, accesible desde las he­rra­mie­n­tas para de­sa­rro­lla­do­res. Genera un informe con pu­n­tua­ción de ac­ce­si­bi­li­dad que ofrece una visión rápida del estado de ac­ce­si­bi­li­dad de la página, junto con su­ge­re­n­cias de mejora.

Evalúa aspectos como el contraste de colores, la es­tru­c­tu­ra semántica en HTML y los textos al­te­r­na­ti­vos en imágenes. Además, analiza otros factores como el re­n­di­mie­n­to, la op­ti­mi­za­ción SEO y buenas prácticas, lo que lo convierte en una opción muy completa para optimizar una página web en general. No requiere in­s­ta­la­ción adicional, ya que se ejecuta di­re­c­ta­me­n­te en el navegador.

Si­tei­m­pro­ve Ac­ce­s­si­bi­li­ty Checker

Al igual que otras al­te­r­na­ti­vas me­n­cio­na­das, el Si­tei­m­pro­ve Ac­ce­s­si­bi­li­ty Checker es un plugin gratuito para navegador que permite comprobar la ac­ce­si­bi­li­dad di­re­c­ta­me­n­te sobre la página que estás vi­sua­li­za­n­do. La he­rra­mie­n­ta resalta vi­sua­l­me­n­te los problemas de­te­c­ta­dos y los clasifica según los criterios WCAG, el nivel de prioridad y los grupos de usuarios afectados.

Una de sus ventajas pri­n­ci­pa­les es que explica cada error de forma co­m­pre­n­si­ble y pro­po­r­cio­na so­lu­cio­nes claras para co­rre­gi­r­los, lo que facilita mucho el trabajo incluso para quienes no tienen co­no­ci­mie­n­tos técnicos. Si­tei­m­pro­ve está pensado para ser práctico y orientado al usuario, por lo que es ideal para editores de contenido o perfiles sin formación en de­sa­rro­llo web. También puede in­te­grar­se en la pla­ta­fo­r­ma de pago de Si­tei­m­pro­ve, lo que permite gestionar la calidad, la analítica y la ac­ce­si­bi­li­dad desde un mismo lugar.

Ac­ce­s­si­bi­li­ty Insights

Ac­ce­s­si­bi­li­ty Insights es una he­rra­mie­n­ta gratuita de­sa­rro­lla­da por Microsoft, di­s­po­ni­ble como extensión para los na­ve­ga­do­res Chrome y Edge. Permite realizar tanto tests rápidos au­to­ma­ti­za­dos (FastPass) como eva­lua­cio­nes completas con pruebas manuales guiadas paso a paso, siguiendo las di­re­c­tri­ces WCAG.

Destaca por su función de resaltado visual de errores di­re­c­ta­me­n­te sobre la página y por ofrecer una guía es­tru­c­tu­ra­da y bien do­cu­me­n­ta­da para so­lu­cio­nar­los. Está pensada es­pe­cia­l­me­n­te para de­sa­rro­lla­do­res, aunque también cuenta con una apli­ca­ción in­de­pe­n­die­n­te para Windows.

Tests manuales y he­rra­mie­n­tas co­m­ple­me­n­ta­rias

Muchos problemas que afectan a las personas en el uso real de una web solo pueden de­te­c­tar­se mediante pruebas manuales. Estas barreras están re­la­cio­na­das con la co­m­pre­n­sión, la es­tru­c­tu­ra, la usa­bi­li­dad o la ex­pe­rie­n­cia de na­ve­ga­ción.

Las si­guie­n­tes técnicas y he­rra­mie­n­tas permiten realizar un test de ac­ce­si­bi­li­dad web desde distintas pe­r­s­pe­c­ti­vas prácticas.

Na­ve­ga­ción por teclado

Una prueba manual básica consiste en usar toda la página web solo con el teclado, sin ratón. Se comprueba si todos los co­n­te­ni­dos y funciones son ac­ce­si­bles y uti­li­za­bles con teclas como Tabulador para moverse, flechas para navegar y Enter o Espacio para se­le­c­cio­nar elementos. Este test es es­pe­cia­l­me­n­te im­po­r­ta­n­te para personas con movilidad reducida o que utilizan di­s­po­si­ti­vos de entrada basados en teclado.

Tests con lector de pantalla

Los lectores de pantalla co­n­vie­r­ten los co­n­te­ni­dos visuales en salida de voz o Braille para personas ciegas o con di­s­ca­pa­ci­dad visual grave. Realizar un test con he­rra­mie­n­tas como NVDA (Windows) o VoiceOver (macOS) simula esta ex­pe­rie­n­cia. Permiten detectar problemas con la es­tru­c­tu­ra semántica (como jerarquía de en­ca­be­za­dos), el orden de lectura o elementos no eti­que­ta­dos. Aunque requieren cierta curva de apre­n­di­za­je, ofrecen una visión realista sobre la ac­ce­si­bi­li­dad de la web.

Tests de zoom y contraste

La ac­ce­si­bi­li­dad no debe verse como una li­mi­ta­ción a las te­n­de­n­cias en diseño web, sino todo lo contrario: un buen diseño es accesible. Realizar un test con aumento de tamaño (por ejemplo, zoom al 200 %) o simular da­l­to­ni­s­mo (vista en escala de grises) ayuda a detectar problemas de diseño y ac­ce­si­bi­li­dad visual que afectan a personas con di­s­ca­pa­ci­dad visual. Esto permite ide­n­ti­fi­car carencias como bajo contraste de colores, contenido que se corta o elementos que no escalan co­rre­c­ta­me­n­te. Lo mejor es que muchos na­ve­ga­do­res y sistemas ope­ra­ti­vos ya incluyen he­rra­mie­n­tas para realizar este tipo de pruebas de forma rápida.

Co­m­pre­n­sión cognitiva

La ac­ce­si­bi­li­dad no se limita al aspecto técnico: también es esencial que los co­n­te­ni­dos sean claros y co­m­pre­n­si­bles. Los textos deben estar bien es­tru­c­tu­ra­dos, ser fáciles de leer y, si es posible, re­da­c­ta­dos en un lenguaje sencillo. Verifica si se explican los términos técnicos, si las frases son breves y si los párrafos están bien or­ga­ni­za­dos. La in­te­li­ge­n­cia ar­ti­fi­cial y los modelos de lenguaje extenso (LLM) pueden ayudarte a evaluar la claridad del texto o sugerir versiones en lenguaje si­m­pli­fi­ca­do.

Además, las funciones in­ter­ac­ti­vas como fo­r­mu­la­rios o lectores de códigos QR desde el PC deben ser ac­ce­si­bles y fáciles de entender para personas con di­s­ca­pa­ci­dad. Estas mejoras be­ne­fi­cian también a personas con baja al­fa­be­ti­za­ción o que no tienen el español como lengua materna.

Uso eficaz de che­c­kli­sts y criterios WCAG

Las WCAG 2.1 definen cuatro pri­n­ci­pios clave para la ac­ce­si­bi­li­dad digital: pe­r­ce­p­ti­ble, operable, co­m­pre­n­si­ble y robusta, conocidos por el acrónimo POUR, que proviene de las iniciales en inglés de estos pri­n­ci­pios: Per­cei­va­ble, Operable, Unde­r­s­ta­n­da­ble, Robust. Estos pri­n­ci­pios forman la base de muchos pro­ce­di­mie­n­tos de prueba y listas de ve­ri­fi­ca­ción re­co­no­ci­das, como el test BITV o las listas de ve­ri­fi­ca­ción prácticas de WCAG pro­po­r­cio­na­das por or­ga­ni­za­cio­nes como WAI o DIAS. Estas he­rra­mie­n­tas de prueba es­tru­c­tu­ra­das ayudan a ide­n­ti­fi­car si­s­te­má­ti­ca­me­n­te las barreras de ac­ce­si­bi­li­dad, priorizar las acciones ne­ce­sa­rias y do­cu­me­n­tar el progreso de manera tra­n­s­pa­re­n­te y trazable.

¿Qué hacer después del test?

Una vez realizado el test de ac­ce­si­bi­li­dad web, es fu­n­da­me­n­tal do­cu­me­n­tar y analizar los re­su­l­ta­dos. Lo ideal es cla­si­fi­car­los por nivel de prioridad (alto, medio o bajo). Las barreras que suponen un obstáculo im­po­r­ta­n­te para el uso o que tienen im­pli­ca­cio­nes legales deben tratarse con especial urgencia. Un ejemplo típico son las imágenes sin texto al­te­r­na­ti­vo. Este tipo de problemas debe so­lu­cio­nar­se siempre en primer lugar.

A largo plazo, es fu­n­da­me­n­tal integrar los pri­n­ci­pios de ac­ce­si­bi­li­dad en todos los procesos de diseño, de­sa­rro­llo y creación de co­n­te­ni­dos. Solo así se asegura que la ac­ce­si­bi­li­dad no se perciba como un proyecto puntual, sino como una tarea continua. También conviene programar nuevos tests de ac­ce­si­bi­li­dad web tras una re­no­va­ción de la página, cambios técnicos im­po­r­ta­n­tes o la in­co­r­po­ra­ción de nuevos co­n­te­ni­dos, para ga­ra­n­ti­zar que el estándar alcanzado se mantenga en el tiempo.

Co­n­clu­sión

Realizar un test de ac­ce­si­bi­li­dad web no es un ejercicio puntual, sino un proceso continuo. Co­m­bi­na­n­do he­rra­mie­n­tas au­to­má­ti­cas, pruebas manuales y listas de ve­ri­fi­ca­ción bien es­tru­c­tu­ra­das, es posible detectar y corregir muchas barreras digitales desde el principio. Más allá del cu­m­pli­mie­n­to legal, la ac­ce­si­bi­li­dad digital es una cuestión ética y un factor clave para el éxito de cualquier página web moderna.

Web Hosting

El hosting que crece con tu proyecto

• Tiempo de actividad de 99.99 % y seguridad ga­ra­n­ti­za­da
• Aumenta el re­n­di­mie­n­to según el tráfico de tu página web
• Incluye dominio, SSL, e-mail y soporte 24/7

Ver planes