Volver al blog

Cómo hacer una primera revisión de accesibilidad web sin ser especialista

Una guía para detectar barreras frecuentes en navegación, contenidos y formularios, ordenar prioridades y saber cuándo hace falta una evaluación más profunda.

7 min de lectura
Persona revisando la accesibilidad de un sitio web en una computadora portátil

Un sitio web puede verse moderno, cargar rápido y tener información correcta, pero seguir siendo difícil —o imposible— de usar para parte de su audiencia. Un botón sin foco visible, un formulario sin etiquetas claras o un texto con poco contraste pueden convertirse en barreras para personas que navegan con teclado, lector de pantalla, zoom, voz u otras tecnologías de apoyo.

La accesibilidad web no debería aparecer al final del proyecto como una corrección estética. Es una forma de comprobar si una persona puede encontrar, comprender y completar una tarea importante: pedir un presupuesto, leer una novedad, reservar un turno, comprar o contactar a la organización.

Un sitio útil no obliga a todas las personas a usarlo de la misma manera: ofrece información y acciones que se puedan percibir, entender y operar.

Esta guía propone una primera revisión práctica. No certifica el cumplimiento de una norma ni reemplaza una auditoría profesional, pero ayuda a detectar problemas evidentes, convertirlos en tareas y decidir qué abordar primero. El método de comprobaciones iniciales de W3C advierte justamente que una revisión rápida cubre solo una parte de las posibles barreras.

Qué significa accesibilidad web en términos simples

Un contenido accesible puede ser usado por personas con diferentes capacidades, contextos y formas de interacción. Las Pautas de Accesibilidad para el Contenido Web (WCAG) del W3C agrupan ese objetivo en cuatro principios: el contenido debe ser perceptible, operable, comprensible y robusto.

  • Perceptible: la información no debe depender exclusivamente de una imagen, un color o un audio.
  • Operable: las funciones deben poder utilizarse, por ejemplo, con teclado y sin gestos complejos obligatorios.
  • Comprensible: los textos, instrucciones, errores y recorridos deben ser claros y previsibles.
  • Robusto: el sitio debe funcionar razonablemente con navegadores y tecnologías de asistencia actuales.

Esto no se limita a una discapacidad permanente. También ayuda a quien usa el celular con mala luz, tiene una lesión temporal, navega con una conexión limitada, necesita ampliar la pantalla o simplemente llega por primera vez y no conoce el sitio.

Cómo hacer una revisión inicial en 30 a 60 minutos

Elegí entre tres y cinco páginas representativas: inicio, una página de servicio o producto, una nota, una página de contacto y el formulario o proceso de compra si existe. Probá el sitio en computadora y teléfono, sin iniciar sesión si gran parte de la audiencia tampoco lo hace.

1. Recorré la página solo con el teclado

Usá la tecla Tab para pasar por enlaces, botones, campos y controles. Deberías poder llegar a las acciones importantes, saber siempre dónde está el foco y activar los elementos con el teclado.

  • ¿El foco se ve con claridad?
  • ¿El orden de navegación tiene sentido?
  • ¿Se puede cerrar una ventana emergente o un menú?
  • ¿Hay elementos que reciben foco pero no explican qué hacen?

Si una acción solo funciona al pasar el mouse, arrastrar o tocar una zona específica, anotala como prioridad. La operabilidad no debería depender de un único modo de interacción.

2. Revisá títulos, encabezados y enlaces

Abrí varias pestañas del sitio. Cada página necesita un título que permita reconocer dónde está la persona. Dentro del contenido, los encabezados deben describir secciones reales y mantener un orden lógico: no se usan solo para agrandar texto.

También leé los enlaces fuera de contexto. Frases como “hacé clic acá” o “ver más” pueden ser ambiguas cuando aparecen repetidas. Es preferible usar textos como “Ver planes de mantenimiento” o “Descargar programa del evento”.

3. Mirá imágenes, color y contraste

Las imágenes que comunican algo deben tener una alternativa textual que exprese su función o información relevante. Una imagen decorativa no necesita una descripción extensa; una foto que explica un producto, una infografía o un botón gráfico sí requiere una alternativa adecuada.

Además, verificá que el texto se lea con comodidad sobre el fondo y que el color no sea la única forma de comunicar un estado. Por ejemplo, un error en un formulario no debería señalarse solamente en rojo: necesita un mensaje que explique qué corregir.

4. Probá el zoom y la vista móvil

Aumentá el zoom del navegador. El contenido debería seguir siendo legible y las acciones importantes deberían seguir disponibles sin obligar a desplazarse de manera incómoda. En el teléfono, revisá que los botones tengan un tamaño fácil de tocar y que no haya texto cortado, menús inaccesibles o controles superpuestos.

Esquema visual de una revisión de accesibilidad en un sitio web
Una revisión inicial sirve para detectar prioridades; no reemplaza una evaluación integral de accesibilidad.

5. Completá los formularios como lo haría una persona nueva

Probá enviar un formulario con campos vacíos o con un dato deliberadamente incorrecto. La revisión básica debe responder estas preguntas:

  • ¿Cada campo tiene una etiqueta visible y clara?
  • ¿Se entiende qué datos son obligatorios antes de enviar?
  • ¿Las instrucciones aparecen antes de que hagan falta?
  • ¿El mensaje de error explica el problema y cómo resolverlo?
  • ¿Se conservan los datos ya ingresados cuando hay un error?

Los formularios son un punto crítico porque suelen concentrar la consulta, el registro o la compra. La guía del W3C incluye etiquetas, campos obligatorios y mensajes de error entre sus comprobaciones iniciales.

Cómo convertir hallazgos en prioridades de trabajo

No conviene abrir una lista interminable de observaciones sin contexto. Registrá cada hallazgo con cuatro datos: página afectada, tarea que impide, evidencia y prioridad. Así se evita corregir solo detalles visuales mientras una persona no puede enviar una consulta o avanzar en una compra.

  1. Primero, bloqueos: acciones esenciales que no se pueden completar, como navegar un menú, enviar un formulario o pagar.
  2. Después, información indispensable: precios, condiciones, horarios, documentación, datos de contacto y mensajes de error que no se entienden.
  3. Luego, problemas repetidos: componentes presentes en muchas páginas, como encabezado, pie, botones, ventanas emergentes o tarjetas.
  4. Por último, mejoras de contenido: textos alternativos, enlaces ambiguos, jerarquías de encabezados y ajustes puntuales de legibilidad.

Una herramienta automática puede ayudar a encontrar patrones, pero no interpreta por sí sola si un texto alternativo informa lo necesario, si el recorrido tiene sentido o si un mensaje es comprensible. El W3C recomienda combinar herramientas con evaluación humana para determinar la accesibilidad de un sitio.

Qué no conviene concluir después de esta revisión

Hay dos errores frecuentes. El primero es pensar que un sitio “ya es accesible” porque no aparecieron problemas en una prueba rápida. El segundo es creer que todo debe resolverse de inmediato y sin una estrategia.

Una revisión inicial sirve para conocer el estado, priorizar riesgos y definir el alcance de una evaluación posterior. Si el sitio ofrece trámites, ventas, reservas, atención al público, información esencial o flujos complejos, conviene profundizar la revisión con personas que conozcan accesibilidad, diseño, desarrollo y pruebas manuales.

En Estados Unidos, el Departamento de Justicia explica en su guía sobre accesibilidad web y ADA que el contenido inaccesible puede negar acceso equitativo a información y servicios. La aplicación legal concreta depende de la organización, su jurisdicción y su actividad; por eso esta guía no reemplaza asesoramiento jurídico.

Conclusión: empezá por una tarea real, no por una lista abstracta

Elegí hoy una tarea importante de tu sitio —contactar, cotizar, comprar, reservar o encontrar información— y recorréla con teclado, zoom y pantalla móvil. Si detectás una barrera, documentala con una captura y una breve explicación del impacto. Ese registro será mucho más útil que una intención genérica de “mejorar la accesibilidad”.

Cuando la revisión muestre problemas de estructura, interfaz o formularios, incorporarlos al proyecto web desde el inicio suele evitar retrabajo y soluciones parciales. En Ideasweb podemos ayudar a planificar y desarrollar sitios web y planes web con objetivos, contenidos y recorridos de usuario mejor definidos.