Auditar la accesibilidad de una interfaz

Revisa una pantalla o fragmento HTML según WCAG 2.2 y obtén una lista priorizada de problemas con su solución. Pensado para ChatGPT, Claude y Gemini. Incluye 2 variables personalizables y se copia gratis en un clic.

Intermedio · Texto · Pendiente de revisión editorial

Prompt

Actúa como auditor de accesibilidad web certificado (WCAG 2.2 nivel AA). Analiza esta interfaz: {{interfaz}} Contexto de uso: {{contexto}} Para cada problema encontrado indica: - Criterio WCAG afectado (número y nombre). - Gravedad: crítica, alta, media o baja. - A quién afecta (lectores de pantalla, teclado, baja visión, daltonismo, cognitiva…). - Solución concreta con el código corregido cuando aplique. Termina con: 1. Las 3 correcciones con más impacto para empezar. 2. Una lista de pruebas manuales que debería hacer (teclado, zoom al 200 %, lector de pantalla). Si algo no se puede evaluar solo con la información dada, indícalo en lugar de suponerlo.

Resultado de ejemplo

El fragmento recibido solo contiene <form>…</form>, así que no puedo evaluar el código real. Suponiendo un checkout móvil típico, estos son los problemas que conviene comprobar primero:

Hallazgos

1. Campos sin etiqueta asociada

Criterio: 1.3.1 Información y relaciones · 4.1.2 Nombre, función, valor
Gravedad: crítica · Afecta a: lectores de pantalla, usuarios cognitivos
Corrección:

<label for="email">Correo electrónico</label>
<input id="email" type="email" autocomplete="email" required>

2. Errores indicados solo con borde rojo

Criterio: 1.4.1 Uso del color · 3.3.1 Identificación de errores
Gravedad: alta · Afecta a: daltonismo, lectores de pantalla
Corrección: texto de error vinculado con aria-describedby y aria-invalid="true".

3. Botón «Pagar» demasiado pequeño en móvil

Criterio: 2.5.8 Tamaño del objetivo (mínimo)
Gravedad: media · Afecta a: movilidad reducida
Corrección: mínimo 24 × 24 px; recomendable 44 px de alto.

Pruebas manuales

Completar la compra solo con teclado (Tab, Mayús+Tab, Intro).
Zoom al 200 % sin pérdida de contenido.
Revisión con VoiceOver o TalkBack del anuncio de errores…

Preguntas frecuentes

¿Qué debo pegar como interfaz?

El HTML de la página, el código de un componente o una descripción detallada de la pantalla. Cuanto más código real aportes, más precisos serán los hallazgos.

¿Sustituye a una auditoría profesional?

No. Detecta rápido muchos problemas comunes, pero una auditoría formal de conformidad exige pruebas manuales con tecnologías de apoyo y, a ser posible, con personas con discapacidad.

¿Para qué sirve este prompt?

Revisa una pantalla o fragmento HTML según WCAG 2.2 y obtén una lista priorizada de problemas con su solución.

¿Con qué herramientas de IA funciona?

Está pensado para ChatGPT, Claude y Gemini. Todavía no lo hemos verificado en estas herramientas, por lo que los resultados pueden variar entre ellas.

¿Cómo personalizo el prompt?

Pulsa «Personalizar» y rellena las variables (HTML o descripción y Contexto de uso). El texto se actualiza al instante y después puedes copiarlo con un clic. Los valores se guardan solo en tu navegador.

¿Necesito experiencia para usarlo?

Es de nivel intermedio: conviene que conozcas el tema para aportar buen contexto y revisar el resultado con criterio.

¿Este prompt es gratis?

Sí. Todos los prompts de HomeCasa Prompts son gratuitos, sin registro ni suscripción. Puedes usarlos también en proyectos profesionales.

¿Puedo fiarme del resultado de la IA?

Úsalo como un borrador de calidad: revisa siempre datos, cifras y afirmaciones importantes antes de publicarlos o tomar decisiones.

Prompts relacionados

Diseño UI/UX

Paleta de modo oscuro accesible con comprobación de contraste WCAG

Diseña una paleta de modo oscuro con tokens semánticos a partir de tus colores de marca, tabla de contraste WCAG por pareja de colores, correcciones de los fallos y código CSS listo.