Accesibilidad Web: los Visitantes que Hoy No Pueden Usar tu Sitio (y Te Están Buscando)

Cuando hablamos de accesibilidad web con un cliente, la primera reacción suele ser la misma: *mis clientes no tienen discapacidad*. Es una suposición que casi siempre está equivocada, y que además define mal el problema.

La accesibilidad no es solo para personas ciegas. Es para el señor de 68 años que no llega a leer tu tipografía gris claro, para la persona que navega con el celular al sol y no distingue los botones, para quien tiene una mano ocupada, para el que perdió el mouse y navega con teclado. Es, en la práctica, para todos en algún momento.

Aproximadamente una de cada seis personas vive con alguna forma de discapacidad. Sumale la población mayor de 65 años, que crece todos los años y tiene poder de compra. Estamos hablando de una porción del mercado que ningún negocio descartaría a propósito — pero que muchos sitios descartan por descuido.

Y hay un efecto colateral que conviene mirar: Google lee tu sitio de forma parecida a como lo hace un lector de pantalla. Un sitio accesible se posiciona mejor porque tiene estructura semántica clara, textos alternativos en las imágenes y jerarquía de encabezados coherente. Es la misma tarea con dos beneficios.

1. Contraste insuficiente. Texto gris claro sobre fondo blanco, o texto blanco sobre una foto. Se ve elegante en la pantalla del diseñador y es ilegible en un celular a la intemperie. La relación mínima recomendada es de 4,5 a 1 para texto normal, y hay herramientas gratuitas que lo miden en segundos.

2. Imágenes sin texto alternativo. Cada imagen con contenido informativo necesita una descripción. Si la foto muestra el producto, la descripción dice qué producto es. Las decorativas se marcan como tales para que el lector de pantalla las saltee.

3. Formularios sin etiquetas reales. Poner el nombre del campo solo como texto de ejemplo dentro de la caja tiene dos problemas: desaparece al empezar a escribir, y los lectores de pantalla no siempre lo anuncian. Cada campo necesita su etiqueta visible y asociada.

4. Sitios que no se pueden navegar con teclado. Probalo ahora mismo en tu web: recorré la página usando solo la tecla de tabulación. Si no ves dónde estás parado, o si hay botones a los que nunca llegás, tenés un problema que afecta a mucha más gente de la que imaginás.

5. Videos sin subtítulos. Además de lo obvio, la mayoría de la gente mira video en redes sin sonido. Un video sin subtítulos pierde audiencia por partida doble.

Hay tres chequeos que cualquiera puede hacer en veinte minutos:

1. Navegá con el teclado. Solo tabulación y enter, de arriba a abajo. Anotá dónde te perdés.
2. Alejá la vista. Achicá la pantalla o miralo de lejos: si algo no se distingue, el contraste es insuficiente.
3. Pasá un validador automático. Herramientas gratuitas detectan buena parte de los errores técnicos. No reemplazan la revisión humana, pero te dan el mapa inicial.

Los validadores automáticos encuentran cerca de un tercio de los problemas reales. El resto aparece usando el sitio de verdad, que es lo que conviene hacer con al menos una persona ajena al proyecto.

Además de dejar de excluir clientes, un sitio accesible es más claro para todo el mundo. Los textos alternativos mejoran el posicionamiento en búsqueda de imágenes. La jerarquía de encabezados ayuda a Google a entender tu contenido. Los formularios bien etiquetados se completan más y se abandonan menos.

En otras palabras: casi todo lo que hacés por accesibilidad también mejora la conversión general. Es de las pocas cosas en desarrollo web donde hacer lo correcto y hacer lo rentable coinciden por completo.

*En Cosecha Creativa incorporamos criterios de accesibilidad en cada sitio que desarrollamos, y auditamos sitios existentes para detectar qué está excluyendo visitantes. Si tenés dudas sobre el tuyo, lo revisamos.*