Accesibilidad web para pymes: que tu sitio lo pueda usar todo el mundo (y por qué ayuda al SEO)
Una web accesible es una que puede usar cualquier persona: alguien que ve poco, alguien que no puede usar el mouse, alguien con el celular al sol. Se logra con contraste, letra que se pueda agrandar, botones claros y descripciones en las imágenes, y casi todo eso también ayuda a que Google entienda mejor tu sitio.
La accesibilidad web es que tu sitio lo pueda usar cualquier persona: alguien que ve poco, alguien mayor que agranda la letra del celular, alguien que no puede usar el mouse, alguien que usa un programa que le lee la pantalla en voz alta. Y también alguien con el celular al sol o con una mano ocupada. Se logra con cosas concretas: buen contraste, letra que se pueda agrandar, botones claros, formularios que se entiendan y descripciones en las imágenes.
La buena noticia para una pyme es doble. Casi todo se puede revisar sin saber nada técnico, y casi todo lo que hace accesible una web también ayuda a que Google la entienda mejor.
Pruebas que podés hacer vos en un rato
Agarrá tu celular y tu computadora y probá tu propia web así:
- Agrandá la letra del celular desde la configuración, al máximo, y entrá a tu web. ¿Se sigue leyendo o los textos se cortan y se pisan?
- Salí al sol con el brillo bajo. ¿Se leen los textos grises claros? ¿Se distingue el botón principal del fondo?
- Usá la web solo con el teclado en la computadora, avanzando con la tecla Tab. ¿Ves en qué lugar estás parado? ¿Podés llegar al botón de contacto y enviar el formulario?
- Tocá los botones con el pulgar, con una sola mano. ¿Le pegás al que querés o tocás el de al lado?
- Mirá un video sin sonido. ¿Se entiende? Mucha gente los mira así en el transporte o en el trabajo.
- Leé solo los textos de los links. Si dicen “click acá”, “ver más” y “más info”, quien navega con un lector de pantalla no sabe adónde llevan.
Los problemas más comunes y cómo se arreglan
| Problema | A quién afecta | Arreglo |
|---|---|---|
| Texto gris claro sobre fondo blanco | Personas que ven poco, cualquiera al sol | Más contraste: texto más oscuro o fondo más claro |
| Letra fija que no se agranda | Personas mayores, quien usa letra grande en el celular | Textos que se adapten al tamaño que elige cada uno |
| Imágenes sin descripción | Quien usa lector de pantalla, y también Google | Una descripción corta de lo que muestra cada foto |
| Información importante solo dentro de una imagen | Lectores de pantalla, Google, quien hace zoom | Ese texto escrito en la página, no en la foto |
| Botones chicos o muy juntos | Quien tiene temblor, quien usa una mano | Botones más grandes y con espacio entre ellos |
| Formularios sin etiquetas claras | Lectores de pantalla, cualquiera apurado | Cada campo con su nombre visible y errores explicados |
| Colores como única señal | Personas que no distinguen ciertos colores | Sumar texto o íconos: “Agotado”, no solo gris |
Por qué una web accesible también ayuda al SEO
Google “lee” tu web de una forma parecida a como lo hace un lector de pantalla: no ve las fotos ni los colores, lee el texto, los títulos y las descripciones. Por eso muchas mejoras sirven para las dos cosas a la vez.
Las descripciones de las imágenes le dicen a quien no ve qué hay en la foto y a Google de qué trata, lo que ayuda a aparecer en las búsquedas de imágenes. Hay consejos para sacar y describir esas fotos en fotos para la web de tu negocio.
Los títulos ordenados (uno principal y subtítulos debajo) le permiten a quien usa lector de pantalla saltar entre secciones, y a Google entender la estructura de la página.
Los links que dicen adónde llevan (“ver la carta”, no “click acá”) orientan a las personas y le dan contexto a Google.
Una web rápida y liviana le sirve a quien tiene un celular viejo o mala señal, y Google la prefiere. Lo conté en por qué importa la velocidad de tu web.
Y hay un efecto que no se mide en Google: los clientes que antes se iban sin poder usar tu web, ahora te compran.
Pensar en quien la usa: una carta que se lee en la mesa
La carta digital de Boca de Lobo, una parrilla con locales en Floresta y Caballito, es un buen ejemplo de por qué esto importa en la vida real. La gente la abre escaneando un QR en la mesa, con el celular en una mano, a veces con poca luz y muchas veces sin anteojos. En una carta de más de 250 ítems, que se pueda leer cómodo, encontrar la sección y distinguir el precio del nombre del plato no es un detalle de diseño: es lo que hace que el cliente pida sin llamar al mozo para preguntar.
Ver el caso de Boca de LoboCómo encararlo sin volverse loco
No hace falta arreglar todo de una vez. Empezá por lo que más gente usa: la home, la página de tu servicio principal y el formulario o el botón de contacto. Ahí mirá contraste, tamaño de letra, botones y descripciones de las fotos. Para el formulario, hay una guía en formularios de contacto que la gente completa; y para que los textos se entiendan mejor, en cómo escribir los textos de tu web.
Cuando armo una web, la accesibilidad no es un agregado al final: contraste, tamaños, botones y formularios se piensan desde el diseño. Si ya tenés una web, también se puede revisar y mejorar por partes. Podés ver cómo trabajo en servicios.
Preguntas frecuentes
¿Es obligatorio que mi web sea accesible?
Depende del país, del tipo de organización y de lo que vendas, y las reglas cambian. Para un caso concreto, consultalo con un profesional local. Más allá de la obligación, una web accesible le sirve a más clientes y se usa mejor en general, así que conviene hacerla así de entrada.
¿Sirven los botones o complementos que prometen hacer accesible cualquier web?
No reemplazan una web bien hecha. Agregan un menú para agrandar letra o cambiar colores, pero si los botones no tienen nombre, las imágenes no tienen descripción o el formulario no se puede usar con teclado, el problema sigue ahí. Lo que funciona es construirla accesible desde el principio.
¿Hacer la web accesible la vuelve fea o aburrida?
No. Se puede tener un diseño con personalidad, fotos grandes y colores de marca respetando el contraste y los tamaños. A veces solo cambia un tono un poco más oscuro o un botón un poco más grande.
¿Se puede mejorar una web que ya tengo o hay que hacerla de nuevo?
Muchas mejoras se pueden hacer sobre la web actual: descripciones en las imágenes, contraste, textos de los botones y los formularios. Si la web tiene problemas de fondo, como texto metido dentro de imágenes en todas las páginas, puede convenir rehacer esas partes.
Si querés que revise qué tan accesible es la web de tu negocio y qué mejorarías primero, escribime por WhatsApp al +54 9 11 6193-3176 o a contacto@facundocampo.com.ar. Mandame el link y lo vemos.