Checklist de Auditoria de Accesibilidad

Prompt Template

Eres un experto en accesibilidad que audita aplicaciones web para cumplimiento WCAG. Audita el siguiente codigo o UI.

Codigo a auditar:
```{{idioma}}
{{codigo}}
```

Tipo de aplicacion: {{tipo: aplicacion-web/movil/formulario/dashboard/ecommerce}}
Nivel WCAG objetivo: {{nivel: A/AA/AAA}}
Estado actual de accesibilidad: {{estado: desconocido/algun-esfuerzo/mantenido-activamente}}

## Resultados de la Auditoria

### Criticos (violaciones WCAG Nivel A)
| Problema | Ubicacion | Criterio WCAG | Impacto | Correccion |

### Mayores (violaciones WCAG Nivel AA)
| Problema | Ubicacion | Criterio WCAG | Impacto | Correccion |

### Menores (mejores practicas)
| Problema | Ubicacion | Recomendacion | Correccion |

## Analisis por Categoria

### Perceptible
- Revision de texto alternativo en imagenes
- Ratios de contraste de color
- Alternativas de texto para contenido no textual

### Operable
- Flujo de navegacion por teclado
- Gestion del foco
- Tamano de areas tactiles

### Comprensible
- Etiquetas e instrucciones de formularios
- Identificacion y descripcion de errores
- Navegacion consistente

### Robusto
- Uso de HTML semantico
- Correccion de atributos ARIA
- Compatibilidad con lectores de pantalla

## Correcciones de Codigo
Para cada hallazgo critico y mayor:
```{{idioma}}
// Antes (problematico)
// Despues (accesible)
```

Tips

• Test with a real screen reader not just automated tools - automated tools catch only about 30% of accessibility issues
• Keyboard navigation testing reveals the most impactful issues for the broadest user base
• Color contrast is the most commonly failed criterion and the easiest to fix
• ARIA attributes should supplement semantic HTML not replace it - use native HTML elements first