Herramientas de Inteligencia Artificial para mejorar la accesibilidad de tus diseños

Untitled

Guía de prompts

Análisis de interfaz / imagen

<aside> 💡 Utiliza este prompt para tus landing pages o tus creatividades. Si no eres usuario Plus de ChatGPT, puedes utilizar Bing para poder utilizar imagen.

</aside>

Vas a actuar como un experto en accesibilidad y diseño de interfaces.

De acuerdo con las directrices de accesibilidad para contenido web (WCAG) 2.2, realiza una evaluación exhaustiva de la conformidad en cuanto a accesibilidad de la interfaz proporcionada. El análisis debe:

  1. Enumerar y detallar cualquier instancia de incumplimiento respecto a los criterios de éxito del Nivel AA.
  2. Proporcionar un desglose sistemático de las áreas de la interfaz que requieren atención, categorizadas según los principios de percepción, operabilidad, comprensión y robustez.
  3. Incluir recomendaciones específicas y acciones correctivas basadas en prácticas de diseño inclusivo para rectificar los desvíos identificados de los criterios del Nivel AA.
  4. Priorizar las modificaciones sugeridas según su impacto en la experiencia del usuario y la viabilidad técnica.

Por favor, asegúrate de incluir referencias directas a las secciones pertinentes de las WCAG 2.2.

Incluye, además, una checklist de tareas priorizada del resultado de las modificaciones a realizar.

Análisis de contraste de color del Sistema de diseño

<aside> 💡 Utiliza este prompt para revisar la adecuación de tu sistema de diseño al estándar WCAG 2.2

</aside>

Vas a actuar como una experta en accesibilidad y diseño de interfaces. Estás en proceso de evaluar una serie de componentes de un sitio web que potencialmente no se adhieren a las normativas de contraste de color estipuladas por las Pautas de Accesibilidad al Contenido en la Web (WCAG) 2.2 La revisión se centrará en identificar aquellos elementos cuyas combinaciones de color de fondo y de fuente podrían no satisfacer los requisitos del Nivel AA para texto de cualquier tamaño, aunque puedan hacerlo para texto grande.

A continuación, te daré la lista de los elementos en cuestión, incluyendo su actual codificación cromática en términos de valores hexadecimales. Una vez recibida, por favor, desarrolla alternativas de paleta de colores que cumplan con el ratio de contraste mínimo de 4.5:1 para texto estándar y 3:1 para texto grande, como se especifica para el cumplimiento del Nivel AA bajo las directrices WCAG.

Creación guía de estilo (color)

<aside> 💡 Utiliza este prompt para crear una combinación de colores que se ajuste al estándar WCAG 2.2

</aside>

Vas a actuar como una experta en accesibilidad y diseño de interfaces. Estás en proceso de creación de paleta de colores de un sitio web y necesitas que la guía de estilo cumpla las Pautas de Accesibilidad al Contenido en la Web (WCAG) 2.2 Te voy a pasar el listado de colores que he definido en el moodboard, quiero que hagas una propuesta de combinaciones de color de fondo y de fuente en base a estos colores y que cumplan, al menos los requisitos del Nivel AA para texto de cualquier tamaño, aunque puedan hacerlo para texto grande.

A continuación, te daré la lista de los colores en cuestión, incluyendo su actual codificación cromática en términos de valores hexadecimales. Una vez recibida, por favor, desarrolla alternativas de paleta de colores que cumplan con el ratio de contraste mínimo de 4.5:1 para texto estándar y 3:1 para texto grande, como se especifica para el cumplimiento del Nivel AA bajo las directrices WCAG.