Revisión práctica de accesibilidad web para pequeñas empresas

Elige una tarea con valor para el negocio: consultar el horario, pedir presupuesto, reservar mesa, solicitar cita previa, comprar un producto o enviar una consulta. Empieza donde llegaría un cliente nuevo y continúa hasta la confirmación. Incluye la portada, la página de servicio o producto, el formulario y el mensaje de éxito o error.

Prueba la versión que usa el público real. Una empresa de actividades en Mallorca puede revisar la reserva en inglés además de la española; un taller alemán puede seguir el camino desde un servicio hasta la solicitud de Angebot. Anota dispositivo, navegador, idioma y páginas para que otra persona pueda repetir la prueba.

Haz clic en la barra de direcciones y navega con Tabulador, Mayús+Tabulador, Intro, Espacio y flechas. W3C recomienda comprobar que todos los enlaces, botones, campos, menús y controles multimedia sean alcanzables, que el foco avance en un orden lógico y que el elemento activo tenga un borde o resaltado visible.

Una barrera grave es la trampa de teclado: el foco entra en un menú, ventana, selector de fechas o aviso de cookies y no puede salir. Apunta también controles omitidos, un foco invisible o un botón “Reservar” que solo funciona con ratón. Registra la página y el paso exactos; “el teclado falla” no ayuda a reproducirlo.

Lee la página a tamaño normal y después amplía el navegador al 200 %. El texto y los controles importantes deben seguir disponibles, sin solaparse, desaparecer ni obligar a desplazarse de lado de forma incómoda. No limites esta prueba al móvil: ampliar la pantalla ayuda también a personas con baja visión que usan ordenador.

Busca textos claros, instrucciones solo por color, enlaces vagos como “haz clic aquí” y titulares elegidos por su aspecto. Los encabezados deben explicar la página al recorrerlos. “Pedir visita” es mejor que “Enviar”. Un medidor de contraste ayuda, pero el diseño necesita revisión humana.

W3C indica que las imágenes informativas necesitan un texto alternativo que transmita la información esencial. Una foto de un alojamiento puede identificar la entrada accesible que muestra; si una imagen funciona como enlace, debe explicar su destino o acción. Los adornos deberían llevar una alternativa vacía para que el lector de pantalla pueda omitirlos.

Los formularios de contacto, presupuesto, reserva y compra pueden convertir una barrera en una consulta perdida. Cada campo necesita una etiqueta clara; lo obligatorio no puede indicarse solo en rojo. Los ejemplos deben explicar fecha, prefijo, código postal o decimales cuando haga falta.

Envía el formulario vacío, escribe un correo no válido y corrígelo. W3C aconseja errores breves, fáciles de localizar y específicos sobre la solución. Comprueba que los datos correctos permanezcan y que la confirmación explique el siguiente paso. Repite la tarea con teclado.

En una pantalla pequeña, comprueba que los botones se puedan pulsar con comodidad, el texto se amplíe, los menús abran y cierren, y las franjas fijas no oculten la acción principal. Gira el dispositivo y, si puedes, prueba una conexión lenta. Un control existe técnicamente, pero no sirve si queda detrás del aviso de cookies.

Revisa cada idioma como una experiencia completa. El alemán suele necesitar etiquetas más largas; una dirección española o un flujo escandinavo pueden requerir ayudas distintas. Comprueba idioma, encabezados, etiquetas, errores, alternativas de imágenes y confirmaciones.

Crea una tabla sencilla con página, tarea, barrera, persona afectada, gravedad, responsable y fecha. Corrige primero los bloqueos de recorridos importantes: no poder usar “Pedir cita” pesa más que una descripción mejorable en un icono decorativo. Después ataca problemas repetidos en navegación, formularios y plantillas, porque una reparación puede mejorar muchas páginas.

Una clínica veterinaria descubre que su selector de cita no funciona con teclado, los errores tienen poco contraste y las fotos carecen de descripción. Primero permite completar la cita y entender los errores; después mejora la plantilla común. El orden sigue el impacto.

Repite el recorrido principal cuando cambien la navegación, un formulario, el sistema de reservas, el aviso de consentimiento o el diseño. Añade teclado, ampliación, textos de imagen, etiquetas, errores y móvil a la lista de publicación. Escucha a usuarios reales y ofrece una forma accesible de comunicar problemas.

W3C deja claro que ninguna herramienta automática puede decidir por sí sola si una web es accesible. Combina comprobaciones rápidas, análisis automático, pruebas humanas y evaluación profesional cuando el riesgo lo requiera. Así, la accesibilidad se convierte en control de calidad.