Lista de accesibilidad web para pequeñas empresas (basada en WCAG)

Lista práctica basada en WCAG 2.2: recorrido con teclado, texto y contraste, errores de formularios, alternativas para imágenes y límites de las comprobaciones automáticas.

Esta lista reúne comprobaciones que el dueño de una pequeña empresa puede hacer en aproximadamente una hora sin programas especiales: navegar solo con teclado, revisar tamaño y contraste del texto, comprobar etiquetas y errores de formularios y verificar alternativas de texto para imágenes. Se basa en WCAG 2.2, el estándar al que suelen referirse leyes y políticas, y en las comprobaciones sencillas del W3C. Aprobarla no hace que el sitio cumpla legalmente con la normativa; ayuda a encontrar barreras frecuentes.

1. Recorrido con teclado y foco

Deja el ratón a un lado. Pulsa Tab desde el inicio hasta el final y luego Shift+Tab para volver.

[ ] El primer Tab muestra «Saltar al contenido» (útil en menús largos)
[ ] Tab permite llegar a cada enlace, botón y campo del formulario
[ ] Siempre se ve el foco (un contorno o resaltado)
[ ] El foco sigue un orden lógico, de arriba abajo y de izquierda a derecha
[ ] El menú se abre con Enter o Espacio y se cierra con Escape
[ ] Las ventanas emergentes se cierran con teclado y el foco vuelve a la página
[ ] Nada atrapa el foco: siempre puedes seguir con Tab
[ ] Los encabezados fijos no cubren el elemento enfocado

2. Texto, contraste, etiquetas y errores

[ ] El texto normal se lee (aproximadamente 16 px o más)
[ ] Al ampliar al 200%, nada se superpone ni se corta y no hay desplazamiento lateral
[ ] Contraste mínimo de 4.5:1 (3:1 para texto grande); compruébalo con una herramienta
[ ] Los enlaces se distinguen del texto por algo más que el color
[ ] Cada campo tiene una etiqueta visible; el texto de ejemplo no es una etiqueta
[ ] Los campos obligatorios se indican con texto, no solo con color
[ ] Los errores explican qué pasó y cómo solucionarlo, junto al campo
[ ] Los botones describen su acción («Enviar consulta», no solo «Enviar» o un icono)
[ ] El idioma de página está definido y los encabezados siguen el orden H1, H2, H3

Comprueba pares de colores con el comprobador de contraste de color. Las cifras se basan en el criterio contraste mínimo de WCAG.

3. Propósito de imágenes y alternativas de texto

El árbol de decisión de texto alternativo del W3C cubre otros casos.

4. Comprobaciones automáticas y revisión humana

Las herramientas automáticas detectanSolo una persona puede evaluar
Atributos alt ausentesSi el texto alternativo realmente resulta útil
Bajo contraste sobre fondos lisosContraste del texto sobre fotos y videos
Campos sin etiquetaSi las etiquetas y los errores tienen sentido
Idioma ausente y enlaces vacíosOrden del teclado, visibilidad del foco y bloqueos
Saltos en niveles de encabezadoSi los encabezados describen el contenido

Primero ejecuta una comprobación automática (el evaluador de sitios web incluye revisiones básicas; el W3C mantiene una lista de herramientas de evaluación) y luego haz el recorrido manual. Si muchos de tus clientes tienen discapacidades, contrata pruebas con usuarios con discapacidad.

Registro de hallazgos completado (demostración identificada)

Empresa ficticia: «Harbour Line Plumbing». No es real; ilustra el formato, no resultados.

Fecha: [fecha]  Revisó: propietario  Páginas: Inicio, Servicios, Contacto
Navegador/dispositivos: teclado de portátil; teléfono con lector de pantalla
#  Página    Problema                                  WCAG ref.  ¿Resuelto?
1  Inicio    Icono de llamada sin etiqueta («botón»)    4.1.2       sí
2  Inicio    Texto blanco sobre foto difícil de leer    1.4.3       sí, capa oscura
3  Contacto  Código postal solo tiene texto de ejemplo  3.3.2       sí
4  Contacto  Error solo dice «No válido»                3.3.1       sí, «Escribe un teléfono»
5  Servicios Alt de fotos = nombres de archivo          1.1.1       sí
6  Todas     El foco de enlaces del menú no se ve        2.4.7       abierto: reportado al creador
Sin probar: subtítulos de video (el sitio no tiene video)
EN BLANCO
Fecha / quién revisó / páginas / navegadores y dispositivos:
#  Página  Problema  ref. WCAG  ¿Resuelto? (sí / pendiente + nota)
Sin probar:

5. Registra hallazgos sin afirmar cumplimiento legal

Edición con clic en We.Inc para corregir etiquetas y texto de una página
Corrección directa de etiquetas y texto en el creador We.Inc.

Siguiente paso

Empieza con una plantilla para empresas en el creador We.Inc, aplica esta lista y usa el evaluador de sitios web antes de publicar. Free ofrece hasta 3 sitios de plantilla en una dirección we.inc (sin créditos de IA ni dominio personalizado); Starter a $20/mes añade creación con IA y dominios personalizados (precios). ¿Presupuestas arreglos o una reconstrucción? Usa la calculadora de costos.

Empieza a crear el sitio web de tu negocio

Preguntas frecuentes

¿Qué estándar debe seguir una lista de accesibilidad web?

WCAG 2.2 nivel AA es el estándar al que suelen referirse leyes y políticas. Esta lista cubre problemas comunes de pequeñas empresas, no todos los criterios.

¿Un comprobador automático vuelve accesible mi sitio?

No. Las herramientas detectan atributos faltantes y algunos problemas de contraste, pero una persona debe revisar teclado, foco y si las etiquetas y el texto alternativo tienen sentido.

¿Aprobar esta lista hace que mi web cumpla con ADA?

Ninguna lista garantiza el cumplimiento legal. Guarda un registro fechado, publica una declaración honesta y consulta a un abogado sobre tus obligaciones.

Empieza gratis · Sin tarjeta de crédito

Product

Who It's For

Features

Resources

Company

View Sitemap