Accesibilidad web para negocios: más clientes y menos riesgos

La accesibilidad web se suele explicar como una obligación legal o como un favor a un colectivo minoritario. Las dos ideas son incompletas. Una web accesible es simplemente una web que funciona bien para más gente en más situaciones, y eso se traduce en más clientes.

Qué significa realmente accesible

Accesible quiere decir que una persona puede usar tu web independientemente de cómo la esté usando: con lector de pantalla, solo con teclado, con la vista cansada, con una mano ocupada, en la calle con reflejo de sol, o con una conexión lenta.

En España hay millones de personas con algún tipo de discapacidad visual, auditiva o motriz. Pero el grupo que más se beneficia es mucho mayor: personas mayores de 60 años, que en muchos negocios locales son la mitad de la clientela.

Por qué le importa a tu negocio

Vendes más. Un texto con contraste suficiente y tamaño legible se lee. Un formulario con etiquetas claras se completa. Cada barrera que quitas es un pequeño porcentaje de conversión que recuperas.

Google lo nota. Muchas prácticas de accesibilidad coinciden con buenas prácticas de SEO: estructura de encabezados correcta, texto alternativo en imágenes, enlaces descriptivos, HTML semántico. Una web accesible es más fácil de entender para un buscador.

Reduces riesgo. La normativa europea de accesibilidad ha ido ampliando su alcance a servicios digitales del sector privado. Estar razonablemente al día evita sustos y, sobre todo, evita rehacer la web entera más adelante.

Las diez mejoras con más impacto

1. Contraste de color

El texto gris claro sobre fondo blanco es la plaga del diseño moderno. Comprueba que el contraste entre texto y fondo cumple el mínimo recomendado. Es la mejora más barata y la que más gente agradece.

2. Tamaño de texto

Nada por debajo de 16 píxeles en el cuerpo del texto. Y que se pueda ampliar con el zoom del navegador sin que se rompa el diseño.

3. Texto alternativo en imágenes

Describe lo que muestra la imagen y para qué está ahí. Si es decorativa, déjala con alt vacío para que el lector de pantalla la ignore. Nunca pongas "imagen1" o el nombre del archivo.

4. Jerarquía de encabezados

Un solo H1 por página, y después H2 y H3 en orden lógico. No uses encabezados para hacer texto grande: usa estilos.

5. Navegación con teclado

Recorre tu web entera con la tecla de tabulación. Todo lo que se puede pulsar con ratón tiene que poder alcanzarse con teclado, y debe verse claramente dónde está el foco.

6. Formularios con etiquetas de verdad

Cada campo con su etiqueta visible asociada, no solo con texto de marcador de posición que desaparece al escribir. Y mensajes de error que digan qué falla y cómo arreglarlo.

7. Enlaces descriptivos

"Ver precios de mantenimiento" en lugar de "clic aquí". Ayuda a quien navega con lector de pantalla y también a Google.

8. Vídeo y audio con alternativas

Subtítulos en los vídeos. Muchos usuarios ven vídeos sin sonido aunque oigan perfectamente.

9. No depender solo del color

Si marcas un error en rojo, añade también un icono o un texto. Hay personas que no distinguen ese rojo.

10. Movimiento controlable

Carruseles que se paran, animaciones que respetan la preferencia del sistema de reducir movimiento. El movimiento constante marea y distrae.

Cómo comprobar tu web en veinte minutos

Abre tu web en el móvil con el brillo bajo y léela. Después recórrela solo con teclado. Después pásale una auditoría automática desde las herramientas del navegador. Las herramientas detectan aproximadamente un tercio de los problemas; el resto se encuentra usándola.

Una prueba muy reveladora: pide a alguien de más de 65 años que intente pedir cita o comprar en tu web sin ayuda. En diez minutos verás más problemas reales que en cualquier informe.

Lo que no hace falta

No necesitas un widget flotante de accesibilidad. Esos plugins que añaden un icono con opciones de contraste y tamaño no arreglan los problemas de fondo y en muchos casos empeoran la experiencia con lectores de pantalla. La accesibilidad se construye en el diseño y el código, no se pega encima.

Empieza por aquí

Si solo puedes hacer tres cosas: arregla el contraste, revisa los formularios y pon textos alternativos correctos. Son tres tardes de trabajo y cubren la mayoría de barreras reales.

En Ozenyx aplicamos estos criterios por defecto en cada proyecto, no como extra. Si quieres que revisemos tu web actual, escríbenos.