Cuando alguien dice "accesibilidad web", muchos dueños de negocio piensan en algo técnico, para especialistas, que le toca a los bancos o al Estado. Es un tema que se posterga porque no se nota en la captura de pantalla: nadie se queja hasta que alguien no puede sacar un turno o hacer un pedido.
La realidad es más cotidiana. Una web accesible es una que más gente puede leer, entender y usar, sea cual sea su vista, su edad, su celular o el lugar donde esté. Y buena parte de lo que hay que revisar es sentido común aplicado con cuidado. Te cuento a quién ayuda, por qué tiene sentido para un negocio común y qué revisaría yo primero en tu página.
Para quién es: más gente de la que imaginás
Conviene pensar en tres grupos. Primero, quienes tienen una discapacidad permanente: la persona ciega que usa un lector de pantalla, que le lee la página en voz alta; quien no puede manejar un mouse y navega con el teclado; quien no escucha y necesita subtítulos. Segundo, las limitaciones que traen la edad o la vista: letra chica, texto gris sobre blanco, botones diminutos. Tercero, las situaciones del día: leer el celular bajo el sol en la calle, con una sola mano porque la otra carga el bolso, o con un brazo enyesado.
Un consultorio de kinesiología con muchos pacientes mayores lo ve todos los días. Si el botón para sacar turno es chico y la letra es clara y fina, la gente no lo usa y llama por teléfono. Cada llamada es tiempo de la recepcionista que una web bien pensada habría ahorrado. Y hay un beneficio lateral: casi todo lo que vuelve accesible a una web también ayuda a que Google la entienda. No te prometo posiciones, pero la base es la misma.
Contraste y tamaño de letra: lo primero que se arregla
El contraste es la diferencia entre el color de la letra y el del fondo. Una heladería artesanal de Mendoza que escribe los sabores en gris claro sobre fondo crema lo ve bien en el monitor del diseñador, pero en un celular, al sol, la carta desaparece. Lo mismo pasa con el texto blanco sobre una foto de helados: si la foto tiene zonas claras, ese texto se pierde.
Qué revisar:
- Que el texto principal tenga un color bien oscuro sobre fondo claro, o al revés, sin tonos intermedios que se confundan.
- Que el texto sobre una foto tenga detrás una capa oscura o un bloque de color sólido.
- Que la letra del cuerpo se lea sin hacer zoom, y que la página permita agrandarla si la persona lo necesita.
- Que nada dependa solo del color: un campo con error marcado en rojo, sin ningún texto, no lo entiende quien no distingue ese color.
Hay verificadores de contraste gratuitos: les pasás los dos colores y te dicen si se leen bien. Y ojo con las modas: algunas de las que cuento en las tendencias de diseño web, como los fondos oscuros o el efecto de vidrio esmerilado, se ven bien en una captura y fallan en contraste si no se cuidan. Para las bases de color y tipografía, está el artículo sobre qué hace bueno a un diseño.
Que se pueda usar sin mouse y sin ver la pantalla
Probalo ahora: abrí tu web en la computadora, soltá el mouse y apretá la tecla Tab varias veces. Cada Tab salta al siguiente elemento que se puede tocar. Fijate en tres cosas: si ves en todo momento dónde estás parado, con un recuadro o un resaltado; si el orden tiene sentido; y si llegás al menú, al botón de contacto y al formulario. Si te perdés o el resaltado desaparece, una persona que navega con teclado no puede usar tu web.
Los lectores de pantalla agregan otra capa: leen los títulos y los links en voz alta, y quien los usa suele saltar de título en título para ubicarse. Dos consecuencias prácticas:
- Los títulos tienen que ser títulos de verdad, en orden, y no texto común con la letra agrandada.
- Un link que dice "clic acá" o "ver más", repetido diez veces, se escucha como "ver más, ver más, ver más". Tiene que decir a dónde lleva, como explico en el artículo sobre links internos.
Los celulares, tanto Android como iPhone, traen un lector incorporado que se activa desde los ajustes de accesibilidad. Probalo un minuto en tu portada: es la manera más rápida de entender qué ve y qué escucha otra persona.
Imágenes, videos y audio con alternativa
El texto alternativo es la descripción que el lector de pantalla dice en lugar de la imagen. Una buena descripción cuenta qué se ve y para qué está: "Pote de un kilo de dulce de leche granizado", y no "IMG_4521.jpg" ni "helado helados mejor helado Mendoza". Si la imagen es puramente decorativa, no hace falta describirla. En el artículo sobre imágenes está la parte de esto que le sirve a Google; acá importa la persona que no puede ver la foto.
Dos cuidados más:
- Texto dentro de una imagen. Si publicás las promociones de la semana como un flyer en JPG, ese texto no lo lee quien no ve la imagen, ni tampoco el buscador. Escribilo también como texto de la página.
- Videos con subtítulos. Ayudan a quien no escucha y a todos los demás: mucha gente mira videos en silencio, en el colectivo o en la oficina. Evitá además los videos que arrancan solos con sonido y las animaciones que no se pueden frenar.
Una web accesible no es una versión especial para pocos: es la misma web, armada para que nadie necesite ayuda para usarla.
Formularios y botones que no hacen perder clientes
Acá la accesibilidad toca directamente las ventas. Pensá en una escuela de danza con un formulario de inscripción donde cada campo muestra un texto gris de ejemplo que desaparece al escribir. La madre que está cargando los datos de su hija vuelve a mirar y no recuerda qué campo era cada uno. Lo que corresponde:
- Cada campo con su etiqueta visible, siempre arriba, y no solo como texto de ejemplo.
- Errores que explican qué hacer: no "Dato inválido", sino "Falta tu WhatsApp: escribilo con el código de área, sin 0 ni 15".
- Botones grandes y con aire alrededor, para que el dedo no toque el de al lado.
- El teclado correcto en el celular: en el campo de teléfono tiene que aparecer el teclado numérico.
Muchos de estos puntos coinciden con los errores que matan la conversión: una web que se puede usar mejor suele vender mejor.
Una revisión de 15 minutos y por dónde empezar
- Abrí tu web en el celular, en la vereda, con el brillo a la mitad. ¿Se lee todo?
- Recorrela con la tecla Tab, sin mouse. ¿Llegás a todo y ves dónde estás?
- Activá el lector de pantalla del celular durante un minuto en la portada.
- Buscá imágenes con texto adentro y fotos importantes sin descripción.
- Completá tu propio formulario cometiendo un error a propósito. ¿Te explica qué pasó?
Si tenés que ordenar el trabajo, empezaría por contraste y letra, que es barato y favorece a todos. Después formularios, que afectan directamente las consultas. Y al final teclado e imágenes. Las herramientas automáticas detectan solo una parte de los problemas: el resto lo encuentra una persona probando. Y casi nada de esto exige empezar de cero: muchas veces alcanza con retocar.
Preguntas frecuentes
¿Es obligatorio que mi web sea accesible?
Depende del tipo de actividad y de cada caso, y no es un tema para resolver con un artículo. Si tu rubro está regulado o trabajás con organismos públicos, consultalo con quien te asesora legalmente. Para un negocio común, lo trato como un criterio de calidad: más gente puede usar tu web y consultarte.
¿Hay que rehacer la web para que sea accesible?
Casi nunca. La mayoría de los problemas se corrige retocando: colores, tamaños de letra, descripciones de imágenes, etiquetas de formularios. Rehacer solo tiene sentido si la base está tan mal armada que cada arreglo se complica.
¿Sirve instalar un botón de accesibilidad en la esquina?
Esos botones pueden ayudar con cosas puntuales, como agrandar la letra, pero no arreglan una web mal armada: si el formulario no tiene etiquetas o las imágenes no tienen descripción, el problema sigue ahí. Prefiero corregir la base.
¿Cómo sé si mi web ya es accesible?
La revisión de 15 minutos te da una primera idea. Los verificadores automáticos gratuitos detectan una parte de los problemas, pero no todos. La mejor prueba es que alguien que no conoce la página intente completar una tarea, por ejemplo sacar un turno.
Si querés saber qué tan usable es tu web para cualquier persona, la reviso con vos y te armo una lista corta, ordenada por lo que más conviene arreglar primero.
Pedí una revisiónDesarrollador web & diseñador en Buenos Aires. Trabajo solo: quien escribe esto es quien programa tu sitio. Conocé más sobre mí.
