Cómo hacer más accesible el sitio web de tu pequeño negocio

Por qué la accesibilidad le importa a un pequeño negocio

La accesibilidad se trata de si un cliente puede usar tu sitio de verdad: leer tu horario, ver tus precios, llenar tu formulario de reservas y llamarte. Cuando una página falla, el cliente casi nunca se queja. Simplemente se va.

Estos problemas son comunes. En su revisión de febrero de 2026 de un millón de páginas de inicio, WebAIM encontró fallas detectables de WCAG en el 95.9% de ellas, con un promedio de 56.1 errores por página. Los problemas más frecuentes fueron texto con poco contraste (83.9% de las páginas), imágenes sin descripción (53.1%) y campos de formulario sin etiqueta (51%).

También hay un lado legal. La guía de 2022 del Departamento de Justicia de EE. UU. dice que la ADA aplica al contenido web de los negocios abiertos al público. También aclara que el Departamento no tiene un reglamento con estándares técnicos detallados, y menciona WCAG y los estándares federales de la Sección 508 como guía útil. Este artículo es una guía práctica, no asesoría legal.

Y es un tema local. Las estimaciones del Censo para 2020 a 2024 indican que el 12.0% de los nuevomexicanos menores de 65 años vive con una discapacidad, y que el 31.3% de los residentes de 5 años o más habla en casa un idioma distinto al inglés. Un sitio claro, bilingüe y accesible atiende a una buena parte de las personas que ya te están buscando.

Arreglo 1: que el texto se lea fácil

Un texto gris claro sobre fondo blanco se ve elegante en el diseño y desaparece en un teléfono bajo el sol. WCAG pide una relación de contraste de al menos 4.5:1 para texto normal y 3:1 para texto grande.

Qué revisar:

• El texto principal, los precios y el horario están sobre un fondo sólido con buen contraste.
• El texto encima de fotos tiene una capa oscura o una franja sólida detrás.
• Al ampliar la página al 200%, nada se encima, nada se corta y no tienes que moverte de lado para leer una oración.

Un verificador de contraste gratuito te da la relación. Pega el color del texto y el color del fondo, y revisa el número.

Arreglo 2: describe las imágenes que dan información

Los lectores de pantalla leen en voz alta el texto alternativo de una imagen, conocido como texto alt. Una foto de tu pizarra de especiales del día necesita un texto alt que diga lo que tiene, o los especiales deben aparecer como texto en la página. Una ilustración decorativa de un chile en una esquina no necesita descripción; debe llevar el texto alt vacío para que los lectores de pantalla la salten.

Una prueba rápida: si la imagen desapareciera, ¿el cliente perdería información? Si la respuesta es sí, descríbela en una oración corta. Si es no, márcala como decorativa.

Arreglo 3: pon etiqueta a cada campo del formulario

Los formularios de contacto, cotización y reservas son donde la accesibilidad se convierte en ventas. Cada campo necesita una etiqueta visible conectada en el código, como "Número de teléfono" o "Fecha preferida". El texto gris de ejemplo dentro del campo no es una etiqueta; desaparece en cuanto alguien empieza a escribir.

Luego prueba el formulario mal a propósito. Envíalo vacío. Un buen formulario te dice qué campo necesita atención, con palabras y cerca del campo. No depende solo de un borde rojo, porque el color por sí solo no le llega a todos.

Arreglo 4: que los enlaces y botones digan lo que hacen

WebAIM encontró enlaces vacíos en el 46.3% de las páginas de inicio y botones vacíos en el 30.6%. Casi siempre son íconos sin texto detrás: un teléfono, un carrito, el logo de una red social. El lector de pantalla anuncia "enlace" o "botón" y nada más.

Dale a cada uno un nombre que diga su función, como "Llamar al negocio" o "Reservar una consulta". Evita "Haz clic aquí" o "Más información" cuando el enlace está solo.

En el teléfono, el tamaño también importa. WCAG 2.2 fija un tamaño mínimo de 24 por 24 píxeles CSS para lo que se toca con el dedo, con algunas excepciones. Si tu pulgar le pega al botón equivocado del menú, el de tus clientes también.

Arreglo 5: revisa tu sitio con el teclado

Hay personas que navegan sin ratón. Haz a un lado el ratón, haz clic en la barra de direcciones y presiona Tab una y otra vez.

• ¿Llegas a cada enlace, botón y campo del formulario?
• ¿Siempre ves dónde estás? WCAG le llama indicador de foco visible.
• ¿El orden tiene sentido, de arriba abajo y de izquierda a derecha?
• ¿Puedes abrir y cerrar el menú, y terminar el formulario, solo con el teclado?

Si te quedas atrapado en una ventana emergente o el resaltado desaparece, esa es la barrera que conviene arreglar primero.

Arreglo 6: indica el idioma de cada página

Este punto pesa en Nuevo México. Cada página debe declarar en el código su idioma principal, inglés o español, para que los lectores de pantalla usen las reglas de pronunciación correctas. WCAG lo considera un requisito de nivel A. Cuando aparece una frase en el otro idioma dentro de la página, como el nombre de un platillo en español en un menú en inglés, el nivel AA de WCAG pide marcar esa frase también. Los nombres propios son una excepción.

WebAIM encontró que el 13.5% de las páginas de inicio nunca indica un idioma, y que las páginas de inicio en español promediaron 64.3 errores detectados, cerca de 15% más que el promedio general. Si tienes un sitio bilingüe, confirma que tus páginas en español digan que están en español.

Una revisión de 20 minutos

La guía Easy Checks del W3C es un buen punto de partida gratuito. Esta es una versión corta para tu página de inicio y tu página más importante, como reservas o pedidos:

1. 1Lee la pestaña del navegador. ¿El título describe la página y es distinto al de tus otras páginas?
2. 2Mira cada imagen. ¿El cliente perdería información sin ella? Si es así, ¿tiene descripción?
3. 3Revisa los encabezados. ¿Hay un encabezado principal con secciones debajo en un orden lógico?
4. 4Pasa el texto más claro que encuentres por un verificador de contraste.
5. 5Amplía al 200% y lee una sección completa.
6. 6Haz a un lado el ratón y recorre toda la página con Tab.
7. 7Envía tu formulario principal vacío y lee los mensajes de error.
8. 8Confirma que el idioma de cada página coincide con el idioma en pantalla.

El W3C aclara que estas revisiones son un primer vistazo, no una evaluación completa. Una página puede pasarlas todas y aun así tener barreras. De todos modos, detectan los problemas que afectan a más visitantes.

Lo que las herramientas automáticas pueden y no pueden decirte

Los escáneres gratuitos son útiles. Cuentan imágenes sin texto alt, contraste bajo y botones vacíos en segundos. Lo que no pueden decirte es si tu texto alt tiene sentido, si el orden del teclado es lógico o si un cliente con lector de pantalla puede terminar una reserva. Usa un escáner para encontrar lo obvio y después revisa con el teclado y con tus propios ojos.

Preguntas para tu proveedor de sitio web

• ¿Con qué estándar de accesibilidad diseñan y prueban?
• ¿Cómo prueban: solo con herramientas automáticas, con teclado, con lector de pantalla o con una combinación?
• ¿Los formularios, menús y ventanas emergentes funcionan con el teclado?
• ¿Cómo manejan el idioma en páginas en español y bilingües?
• ¿Quién arregla un problema de accesibilidad después del lanzamiento, y eso está incluido en el plan mensual?

Una respuesta clara a estas preguntas te dice más que un sello en el pie de página.

Cómo lo trabaja RiaRai

RiaRai usa WCAG 2.2 nivel AA como referencia para diseñar y mejorar su propio sitio, y lo dice en su declaración de accesibilidad. Esa declaración también aclara que el sitio no ha tenido una auditoría independiente, y RiaRai no afirma cumplir por completo con cada criterio. Preferimos ser honestos sobre dónde estamos que poner un sello en la página.

RiaRai Site crea sitios web a la medida para pequeños negocios que funcionan en teléfonos, tabletas y computadoras. Los precios actuales empiezan en $349 de pago único más $29 al mes para una página de aterrizaje, y el alcance se explica antes de empezar el trabajo. Si estás planeando un sitio nuevo, nuestras guías sobre lo que realmente necesita el sitio web de un pequeño negocio y qué preparar antes de comenzar son buenas para leer después.