Hacer tu página web más accesible significa que más personas puedan usarla: quien navega solo con el teclado, quien usa un lector de pantalla que lee el contenido en voz alta, quien tiene baja visión o quien ve el celular bajo el sol. Lo básico se resume en cuatro puntos: que todo botón y formulario se pueda usar con el teclado, que el texto contraste bien con el fondo, que las imágenes importantes tengan una descripción y que cada campo del formulario tenga su etiqueta.
Esta guía es práctica, no legal. Las reglas y la forma en que se aplican leyes como la ADA a las páginas web siguen evolucionando, y no te podemos decir si tu sitio «cumple» o no. Lo que sí te damos es un checklist que puedes revisar tú mismo, los errores más comunes en sitios de pequeños negocios, por qué desconfiar de las soluciones mágicas y qué hacer si tu situación tiene un riesgo legal.
Puntos clave
- La accesibilidad es una práctica, no una insignia: nadie te puede vender un certificado que lo arregle todo de una vez.
- Prueba tu página con el teclado: presiona Tab y revisa que puedas llegar a cada botón y ver dónde estás.
- Texto oscuro sobre fondo claro, sin letras grises finas sobre fotos.
- Cada imagen importante necesita una descripción corta (texto alternativo); las decorativas no.
- Cada campo de formulario necesita una etiqueta visible, no solo un texto gris dentro de la caja.
- Si tienes una demanda, una carta o un riesgo legal, habla con un abogado antes de cambiar nada.
Qué significa accesibilidad para la página de un pequeño negocio
Piensa en quién visita tu página. Una señora mayor que agranda la letra al máximo en su celular. Un cliente ciego que usa el lector de pantalla del teléfono. Alguien con temblor en las manos que no puede usar el ratón con precisión y navega con el teclado. Una persona sorda que quiere ver el video de tu servicio. Todos ellos pueden ser tus clientes, y todos se topan con barreras en sitios hechos sin pensar en ellos.
La buena noticia: casi todo lo que ayuda a estas personas también ayuda a los demás. Un buen contraste se lee mejor bajo el sol. Un formulario con etiquetas claras se llena más rápido. Un video con subtítulos se entiende en la sala de espera sin volumen. Los títulos en orden ayudan a Google a entender tu página.
Una referencia técnica muy usada es WCAG, un conjunto de pautas de accesibilidad publicado por el W3C. No necesitas leerlo completo para empezar; los puntos de este checklist son los que más se notan en el uso diario.
El checklist básico que puedes revisar tú mismo
Esta tabla resume las revisiones más útiles y cómo hacerlas sin herramientas especiales.
| Qué revisar | Cómo probarlo | Qué arreglar si falla |
|---|---|---|
| Uso con teclado | Presiona Tab desde arriba de la página y avanza | Botones o menús que no reciben foco, o un foco invisible |
| Contraste de color | Mira tu página en el celular bajo el sol y con el brillo bajo | Texto gris claro, letras sobre fotos, botones con poco contraste |
| Texto alternativo | Revisa en tu editor la descripción de cada imagen | Imágenes importantes sin descripción o con nombres como «IMG_2045» |
| Etiquetas de formulario | Haz clic en un campo y escribe; ¿sigues viendo qué se pedía? | Campos que solo tienen un texto gris dentro que desaparece |
| Títulos en orden | Revisa que haya un título principal y subtítulos debajo | Letras grandes usadas como decoración en lugar de títulos reales |
| Videos | Mira tu video sin sonido | Videos sin subtítulos o con subtítulos automáticos sin corregir |
| Tamaño del texto | Agranda la letra del celular al máximo | Texto que se corta o se encima |
La prueba más reveladora es la del teclado: deja el ratón y recorre tu página solo con Tab, Shift+Tab y Enter. Si te atoras, si no sabes dónde estás o si no puedes abrir el menú, encontraste una barrera real.
Los errores más comunes en sitios de pequeños negocios
- Texto encima de fotos. El letrero «Llama hoy» en blanco sobre una foto clara de una cocina no se lee.
- Menús que solo abren con el ratón. Muchas plantillas tienen menús desplegables que no funcionan con el teclado.
- Imágenes con texto adentro. Tu horario o tu promoción en una imagen de Canva no la lee un lector de pantalla ni Google. Ese texto debe estar escrito en la página.
- Botones que dicen «Clic aquí» o «Más». Quien navega con lector de pantalla escucha una lista de «más, más, más». Escribe «Ver precios de limpieza de alfombras».
- Formularios con texto gris dentro de la caja que desaparece al escribir, sin etiqueta visible.
- Mensajes de error solo en rojo, sin decir qué campo está mal.
- Videos que arrancan solos con sonido. Molestan a todos y confunden a quien usa lector de pantalla.
- Folletos y menús solo en PDF escaneado. Un escaneo es una imagen; no se puede leer en voz alta.
- Ventanas emergentes difíciles de cerrar con el teclado o en el celular.
Muchos de estos problemas también hacen que tu página se vea mal en el teléfono. Si ese es tu caso, revisa nuestra guía sobre qué hacer si tu página web no se ve bien en el celular.
Accesibilidad en dos idiomas
Si tu página está en español, en inglés o en los dos, hay detalles que se olvidan con frecuencia:
- Indica el idioma de cada página. El lector de pantalla usa esa información para pronunciar bien. Una página en español marcada como inglés se escucha con acento extraño y a veces no se entiende.
- Escribe el texto alternativo en el idioma de la página. Si copias tu sitio al inglés, traduce también las descripciones de las imágenes.
- Subtítulos en el idioma del video, y si puedes, también en el otro idioma.
- Mensajes de error y botones traducidos. Muchas herramientas de formularios dejan «Required field» en inglés dentro de una página en español.
- Lenguaje sencillo. Frases cortas y palabras comunes ayudan a personas con dificultades de lectura y a quien está aprendiendo el idioma.
Recuerda que muchos clientes mayores de la comunidad hispana usan el celular con la letra agrandada. Prueba tu página así antes de darla por terminada.
Cuidado con las soluciones mágicas
Seguramente has visto anuncios de «widgets» o barras de accesibilidad que prometen hacer tu sitio accesible con una línea de código, o servicios que venden un «certificado» de cumplimiento. Ten precaución:
- Un widget que se agrega encima de la página no arregla los problemas de fondo, como un menú que no funciona con teclado o imágenes sin descripción. Muchos usuarios de lectores de pantalla prefieren que la página esté bien hecha desde el principio.
- Nadie puede garantizarte que un sitio cumpla por completo con una ley o un estándar. Desconfía de quien te lo prometa a cambio de un pago mensual.
- Las herramientas de terceros que tienes incrustadas (sistemas de citas, mapas, chats, menús de pedidos) tienen sus propias limitaciones. Pregunta al proveedor qué hace en accesibilidad.
Lo que sí funciona es corregir las páginas directamente, una por una, empezando por las más importantes: inicio, servicios, contacto y el formulario o botón con el que te compran o te contratan.
Si tienes un riesgo legal
Esta guía no es asesoría legal. Si recibiste una carta de reclamo, una demanda o te preocupa una situación concreta, habla primero con un abogado. Lo más útil después es trabajar a partir de una lista específica de problemas que identifique tu abogado o un auditor de accesibilidad, en lugar de cambiar cosas al azar.
Por dónde empezar si tu página ya existe
- Elige tus páginas prioritarias: inicio, servicios principales, contacto y la página donde te piden cita o cotización.
- Haz la prueba del teclado en cada una y anota dónde te atoras.
- Revisa el contraste de tus botones principales y del texto sobre fotos.
- Escribe descripciones para las imágenes que muestran tu trabajo, tu equipo o tus productos.
- Arregla las etiquetas del formulario y prueba que los mensajes de error digan qué falta.
- Agrega subtítulos a tus videos más vistos y corrige los automáticos.
- Pregunta a tus clientes. Agrega una línea al pie de página: «¿Tienes problemas para usar esta página? Escríbenos» con tu correo o WhatsApp, y responde rápido.
- Repite cada vez que cambies algo grande, como una plantilla nueva o una herramienta de citas.
¿Lo haces tú o pides ayuda?
Muchas de estas mejoras las puedes hacer tú en un constructor como Wix o Squarespace: escribir descripciones de imágenes, cambiar colores, quitar texto de las fotos y corregir botones. Otras, como menús que no funcionan con teclado, dependen de la plantilla y pueden necesitar a alguien con más experiencia.
Si prefieres que lo hagan por ti, nuestra recomendación es Cheap Cheap Websites. En los sitios nuevos que construyen, el uso con teclado, el contraste, el texto alternativo y las etiquetas de formulario forman parte de cómo hacen cada página; en sitios existentes alojados con ellos, aplican el mismo checklist y te dicen qué hicieron y qué no pudieron cambiar. Son honestos con los límites: Cheap Cheap Websites no afirma que un sitio cumpla por completo con ningún estándar o ley, no vende widgets de accesibilidad y no prueba con todas las tecnologías de asistencia. Para este trabajo suelen empezar con el plan Business Plus de $989 de pago único, más Website Care por $30 al mes. Incluye 10 rondas de revisión y se habla español.
Antes de pedirlo, junta: los problemas que te hayan reportado clientes, la lista de herramientas externas que usas (citas, mapas, chat), tus videos y las páginas donde la gente se atora más.
Si vas a renovar tu sitio y necesitas repartir el gasto, revisa nuestra guía de financiamiento para crear un sitio web. Merchant Fund Express, nuestro financiador recomendado, revisa tus ventas y depósitos, y no solo tu crédito. Y si estás cambiando de plataforma al mismo tiempo, lee cómo cambiar de plataforma web sin perder el dominio.
Preguntas frecuentes
¿Mi pequeño negocio está obligado a tener una página web accesible?
Depende de tu situación, y las reglas y su interpretación sobre páginas web siguen cambiando, así que no te podemos dar una respuesta legal. Lo que sí es claro es que una página accesible atiende mejor a más clientes. Si te preocupa un riesgo concreto o recibiste un reclamo, consulta con un abogado.
¿Sirven los widgets o barras de accesibilidad?
No sustituyen arreglar la página. Un widget agregado encima no corrige un menú que no funciona con el teclado ni escribe descripciones que faltan, y muchos usuarios de lectores de pantalla prefieren sitios bien hechos desde el principio. Desconfía de cualquier producto que prometa cumplimiento total con una línea de código.
¿Qué es el texto alternativo y cómo lo escribo?
Es una descripción corta de una imagen que el lector de pantalla lee en voz alta y que Google también usa. Escribe lo que la imagen aporta, por ejemplo «Cocina remodelada con gabinetes blancos y cubierta de cuarzo». Si la imagen es solo decorativa, puede quedar sin descripción. Evita nombres de archivo como «IMG_2045».
¿Cómo pruebo la accesibilidad de mi página sin herramientas?
Empieza por tres pruebas: recorre la página solo con la tecla Tab y Enter, mírala en el celular con la letra agrandada al máximo y bajo el sol, y llena tu formulario dejando un campo vacío para ver si el error se entiende. Esas tres pruebas encuentran muchos de los problemas más comunes.
¿Quién me puede ayudar a mejorar la accesibilidad de mi página en español?
La opción que recomendamos es Cheap Cheap Websites. Aplican un checklist práctico de teclado, contraste, texto alternativo y etiquetas, y te dicen qué cambiaron. No venden certificados ni widgets y no prometen cumplimiento total. Suelen empezar con el plan Business Plus de $989 de pago único, más Website Care de $30 al mes. Se habla español.
¿La accesibilidad ayuda a aparecer en Google?
Ayuda de forma indirecta. Títulos en orden, texto escrito en lugar de texto dentro de imágenes y descripciones en las fotos hacen que tu página sea más fácil de entender para los buscadores. No es una fórmula para subir de posición, pero una página clara para personas suele ser también clara para Google.