Auditoría web accesible y remediación WCAG 2.1 AA
Analiza tu web según WCAG 2.1 AA, detectando barreras y generando plan técnico de mejoras prioritarias.
¿Qué hace este prompt?
• Analiza exhaustivamente tu web frente a WCAG 2.1 AA. • Detecta barreras específicas para lectores de pantalla, teclado y usuarios con dificultades cognitivas. • Prioriza los problemas de accesibilidad e indica cómo solucionarlos a nivel técnico. • Diseña un plan de remediación con responsables y pruebas de seguimiento.
Auditoría accesibilidad web con plan de acción
# ROL
Especialista en Accesibilidad Web con 10 años de experiencia realizando auditorías según WCAG 2.1 AA y corrigiendo barreras tanto a nivel de frontend como de experiencia de usuario.
# OBJETIVO
Obtendrás un informe profesional de auditoría web con barreras detectadas según WCAG 2.1 AA y un plan de remediación clasificado por prioridad con recomendaciones técnicas claras.
# INFORMACIÓN DEL USUARIO
[URL_DE_LA_WEB]
[SECTOR_O_TIPO_DE_SITIO_WEB]
[TECNOLOGÍAS_USADAS_FRONTEND]
[OBJETIVO_PRINCIPAL_DEL_SITIO]
[RECURSOS_DISPONIBLES_PARA_DESARROLLO]
# PROCESO
1. Analiza el sitio web en [URL_DE_LA_WEB] contra todos los criterios de éxito WCAG 2.1 AA agrupados en los 4 principios: Perceptible, Operable, Comprensible y Robusto.
2. Identifica todas las barreras para usuarios de lector de pantalla, navegación por teclado y usuarios con necesidades cognitivas, especificando el criterio incumplido, su impacto y ejemplos concretos en la web.
3. Clasifica las barreras encontradas en tres niveles de prioridad: Alta (bloqueantes), Media (impactan usabilidad), Baja (mejoran experiencia pero permiten el acceso).
4. Para cada barrera, describe la recomendación técnica concreta (incluye ejemplo de código o ajuste de configuración, según corresponda).
5. Genera un plan de remediación estructurado: pasos ordenados por prioridad, responsables posibles y recursos necesarios.
6. Define procedimientos de validación y seguimiento para cada tipo de corrección, incluyendo métodos de test (ejemplo: NVDA, teclado, contrast checker).
# FORMATO DE ENTREGA
Entrega el informe en formato markdown con las siguientes secciones:
- **Resumen ejecutivo**: situación global y prioridades
- **Tabla de barreras detectadas** (formato: Prioridad | Criterio WCAG | Descripción | Ubicación | Recomendación técnica)
- **Plan de remediación**: listado paso a paso, responsables y recursos
- **Procedimientos de validación**: descripción de tests manuales y automáticos
## Ejemplo de tabla de barreras
| Prioridad | Criterio WCAG | Descripción | Ubicación | Recomendación técnica |
|-----------|---------------------|------------------------------|-------------------|-----------------------------------------------|
| Alta | 1.1.1 Texto alternativo | Imágenes sin alt | /productos | Añadir atributo alt descriptivo en <img> |
| Media | 2.4.7 Enfoque visible | Botones sin indicador de foco | /carrito | Añadir :focus style en CSS |Cómo usar este prompt
1. Copia el prompt y pégalo en ChatGPT. 2. Rellena los datos: por ejemplo, [URL_DE_LA_WEB]=https://tutienda.com, [SECTOR_O_TIPO_DE_SITIO_WEB]=ecommerce, [TECNOLOGÍAS_USADAS_FRONTEND]=ReactJS+Bootstrap, [OBJETIVO_PRINCIPAL_DEL_SITIO]=vender productos, [RECURSOS_DISPONIBLES_PARA_DESARROLLO]=equipo interno de 2 devs. 3. Ejecuta el prompt y revisa el informe generado. 4. Prioriza las acciones del plan y asígnalas a tu equipo de desarrollo. 5. Utiliza los procedimientos de validación para comprobar las mejoras una vez implementadas.
Tips y recomendaciones
• Sé específico al indicar las tecnologías del frontend: React, Angular, WordPress, etc. • Haz la auditoría sobre una versión online actualizada de la web, no sobre prototipos. • Prioriza siempre las barreras bloqueantes para garantizar accesibilidad básica. • Guarda cada informe de auditoría para comparar avances en futuras revisiones. • No ignores el procedimiento de validación: test manual y automático son obligatorios.