Desarrollo web

Accesibilidad web para negocios: qué es y por dónde empezar

Si un cliente no alcanza a leer tu letra gris o no puede usar tu formulario, da igual qué tan bueno sea tu producto. Se va, y tú no te enteras.

Equipo de Mercado Monkey6 min de lectura

Placa de habitación de hotel con el número 429 y su equivalente en braille debajo
Respuesta corta

La accesibilidad web significa que personas con discapacidad visual, auditiva, motriz o cognitiva, y también adultos mayores, puedan usar tu sitio. El estándar de referencia es WCAG 2.2, del W3C, y para un negocio el nivel AA es una meta razonable. Para empezar revisa cinco cosas: navegación con teclado, zoom al 200%, contraste de texto, texto alternativo en imágenes y etiquetas en formularios. Un widget automático no resuelve esto por sí solo.

Lo esencial
  • La referencia es WCAG 2.2, del W3C; para un negocio, el nivel AA es una meta razonable.
  • En 2026, WebAIM detectó fallas de WCAG en 95.9% de un millón de páginas de inicio.
  • En México la ley pide formatos accesibles al sector privado, sin fijar una norma técnica para sitios.
  • Cinco revisiones básicas no requieren saber programar.
  • Ningún widget automático garantiza por sí solo que tu sitio cumpla.

Qué es la accesibilidad web

Un sitio accesible es el que puede usar cualquier persona, incluidas las que tienen una discapacidad visual, auditiva, motriz o cognitiva. Piensa en casos concretos:

  • Tu tía de 70 años, que necesita la letra más grande.
  • Un cliente que no ve y usa un lector de pantalla, un programa que le lee la página en voz alta.
  • Alguien con daltonismo que no distingue tu botón rojo del fondo verde.
  • Una persona con temblor en las manos que no le atina a un botón diminuto, o que navega solo con teclado.
  • Alguien sordo que abre tu video sin subtítulos.

También ayuda a quien no tiene ninguna discapacidad. El W3C menciona a personas con pantallas chicas, bajo el sol, en lugares ruidosos o con internet lento. Si has intentado leer tu celular en Torreón a las dos de la tarde en junio, ya sabes de qué hablamos.

El estándar de referencia son las Pautas de Accesibilidad para el Contenido Web (WCAG) del W3C. La versión más reciente es la 2.2, publicada en octubre de 2023, y el W3C invita a usarla; WCAG 3 sigue siendo un borrador. Tienen tres niveles, A, AA y AAA, y giran en torno a cuatro ideas: que tu contenido se pueda percibir, operar y entender, y que funcione con las tecnologías que usa la gente.

A cuánta gente afecta la accesibilidad

  • La Organización Mundial de la Salud estima que 1,300 millones de personas, 16% de la población mundial, viven con una discapacidad importante.
  • En México, el Censo 2020 del INEGI registró a 7.2 millones de personas, 5.7% de la población, con discapacidad o algún problema o condición mental. Y 45% de ellas son adultas mayores, de 60 años o más. Si tu clientela incluye gente mayor, esto te toca.

Casi nadie lo está haciendo bien, así que no te sientas solo. El WebAIM Million 2026 revisó un millón de páginas de inicio y detectó fallas de WCAG en 95.9%. Estos fueron los errores más comunes:

Error detectadoPáginas de inicio afectadas
Texto con bajo contraste83.9%
Imágenes sin texto alternativo53.1%
Campos de formulario sin etiqueta51%
Enlaces vacíos46.3%
Botones vacíos30.6%
Idioma de la página sin declarar13.5%

La buena noticia es que esa lista se ataca con trabajo básico, casi siempre sin rehacer el sitio.

¿La accesibilidad web es obligatoria en México?

La versión honesta: hay una obligación general, pero no encontramos una norma que le pida a una empresa privada cumplir WCAG punto por punto. Esto es lo que revisamos en noviembre de 2026.

La Ley General para la Inclusión de las Personas con Discapacidad incluye las tecnologías de la información en su definición de accesibilidad. Su artículo 32 dice que los medios de comunicación y las instituciones del sector privado que prestan servicios y suministran información al público general la proporcionarán en formatos accesibles y de fácil comprensión para las personas con discapacidad.

Si vendes fuera de México, revisa también esto:

Si esos mercados te importan, pregúntale a un abogado si te aplica. Esto es orientación, no asesoría legal.

Cinco revisiones que puedes hacer hoy sin ser programador

Salen de las revisiones rápidas del W3C y de los criterios de WCAG 2.2. Haz cada una en tu página de inicio, tu página de contacto y tu página más visitada.

  1. Navega solo con teclado. Deja el mouse y usa la tecla Tab. Debes poder llegar a todos los enlaces, botones y campos, y ver siempre dónde estás. Si el recuadro de enfoque desaparece o te quedas atorado en el menú, hay trabajo.
  2. Haz zoom al 200%. En la computadora, Ctrl o Cmd con la tecla de más. El texto debe seguir completo y legible, sin cortarse ni encimarse, y todo debe seguir funcionando.
  3. Mide el contraste. El nivel AA pide 4.5:1 en texto normal y 3:1 en texto grande. Mete tus colores en el verificador de contraste de WebAIM. Ese gris claro tan elegante suele reprobar.
  4. Revisa tus imágenes. Cada imagen que da información necesita texto alternativo con lo que la persona debe saber: “Fachada de la sucursal Centro con letrero verde” sirve, “IMG_2044” no. Revisa también los botones que solo tienen un ícono: necesitan nombre.
  5. Llena tu formulario. Cada campo debe tener una etiqueta visible, no solo un texto gris que desaparece al escribir. Los obligatorios van marcados, y si hay un error, el mensaje debe decir qué corregir.

Dos más si te sobran cinco minutos. En celular, los botones deben ser lo bastante grandes: WCAG 2.2 pide al menos 24 por 24 píxeles CSS, con algunas excepciones. Y tus videos deben llevar subtítulos.

El propio W3C advierte que estas revisiones son rápidas y no exhaustivas: un sitio puede pasarlas y aun así tener barreras importantes. Sirven para empezar.

Qué te toca a ti y qué le toca a tu proveedor

La accesibilidad se reparte. Si todo se le deja al programador, al mes siguiente alguien sube una foto sin texto alternativo y vuelves a empezar.

QuiénQué le toca
Tú y tu equipoTexto alternativo al subir fotos, subtítulos, lenguaje claro, enlaces que digan a dónde llevan
DiseñoContraste, tamaño de letra y botones, foco visible, no comunicar solo con color
DesarrolloEtiquetas de formulario, navegación con teclado, encabezados en orden, idioma declarado, botones con nombre
TodosProbar con personas reales, de preferencia quienes usan estas herramientas a diario

Si vas a contratar un sitio, ponlo en la cotización: “cumplir WCAG 2.2 nivel AA en plantillas y formularios”. Es mucho más fácil hacerlo desde el diseño que corregirlo después. Lo que le toca a cada disciplina se entiende mejor con la diferencia entre UX y UI, y si estás eligiendo colores, revisa el contraste junto con lo que cuenta la psicología del color.

¿Sirven los widgets de accesibilidad?

Son esos botoncitos que prometen dejar tu sitio accesible con una línea de código. Pueden darle opciones a algunos visitantes, pero no corrigen por sí solos la estructura de tu sitio.

El W3C es claro: las herramientas no pueden determinar la accesibilidad, solo ayudar a evaluarla, y hace falta criterio humano. En abril de 2025, la Comisión Federal de Comercio de EE. UU. aprobó una orden final que obliga a una empresa de estos productos a pagar un millón de dólares y le prohíbe afirmar, sin evidencia, que sus herramientas automáticas pueden hacer que cualquier sitio cumpla WCAG.

Si alguien te promete cumplimiento total en cinco minutos, pídele la evidencia.

Un plan de 30 días para empezar

SemanaQué hacer
1Corre las cinco revisiones y anota lo que falla
2Arregla lo que depende de ti: texto alternativo, títulos, textos de enlaces, subtítulos
3Pide a tu proveedor contraste, etiquetas de formulario, foco visible e idioma de la página
4Pídele a un adulto mayor de tu familia que haga una compra o te contacte desde su celular, y obsérvalo sin ayudarle
DespuésRevisa cada página nueva antes de publicarla

Parte de este trabajo también ayuda a que Google entienda tu sitio, como el texto alternativo y los encabezados en orden, aunque no te prometemos que vayas a subir de posición por esto. Lo que sí vas a tener es un sitio que más gente puede usar.

Cruza esta lista con lo que debe tener una página profesional y con los errores que te hacen perder clientes. Si quieres que tu próximo sitio lo traiga desde el diseño, pídelo en tu cotización de desarrollo web o escríbenos.

Preguntas frecuentes

¿Qué es WCAG?
Son las Pautas de Accesibilidad para el Contenido Web del W3C, el estándar de referencia para hacer sitios que puedan usar personas con discapacidad. La versión más reciente es WCAG 2.2, publicada en octubre de 2023, con tres niveles de cumplimiento: A, AA y AAA.
¿Mi página web tiene que ser accesible por ley en México?
La Ley General para la Inclusión de las Personas con Discapacidad pide que las instituciones del sector privado que dan servicios e información al público la proporcionen en formatos accesibles. No encontramos una norma que exija a empresas privadas cumplir WCAG punto por punto. Si tienes dudas sobre tu caso, consulta a un abogado.
¿Cuál es el contraste mínimo que debe tener el texto?
WCAG 2.2 nivel AA pide una relación de contraste de al menos 4.5:1 para texto normal y 3:1 para texto grande. Se puede medir con un verificador de contraste, metiendo el color del texto y el del fondo.
¿Un plugin de accesibilidad hace que mi sitio cumpla WCAG?
No por sí solo. El W3C indica que las herramientas no pueden determinar la accesibilidad y que hace falta criterio humano. En 2025 la FTC de Estados Unidos ordenó a una empresa de estos productos pagar un millón de dólares y dejar de afirmar sin evidencia que sus herramientas automáticas logran el cumplimiento.
¿Por dónde empiezo a mejorar la accesibilidad de mi sitio?
Por cinco revisiones básicas en tus páginas principales: navegación con teclado, zoom al 200%, contraste, texto alternativo en imágenes y etiquetas en formularios. Después corrige lo que dependa de ti y pide a tu proveedor lo demás.

Fuentes

Consultadas en noviembre de 2026.

  1. W3C WAI: WCAG 2 Overview
  2. W3C: Web Content Accessibility Guidelines (WCAG) 2.2
  3. W3C WAI: Understanding Target Size (Minimum)
  4. W3C WAI: Easy Checks, a first review of web accessibility
  5. W3C WAI: Selecting Web Accessibility Evaluation Tools
  6. W3C WAI: The Business Case for Digital Accessibility
  7. OMS: Discapacidad y salud
  8. INEGI: Estadísticas a propósito del Día Internacional de las Personas con Discapacidad, comunicado 713/21
  9. WebAIM: The WebAIM Million 2026
  10. WebAIM: Contrast Checker
  11. Ley General para la Inclusión de las Personas con Discapacidad (Cámara de Diputados)
  12. Departamento de Justicia de EE. UU.: Guidance on Web Accessibility and the ADA
  13. Comisión Europea: European Accessibility Act
  14. Comisión Europea: The EU becomes more accessible for all
  15. FTC: orden final sobre afirmaciones de cumplimiento de WCAG (abril de 2025)
Equipo de Mercado Monkey

Marketing, diseño, desarrollo web y software en un solo equipo. Escribimos desde Torreón, Coahuila. Conócenos.

Escríbenos por WhatsApp