Cómo revisar la accesibilidad del texto y diseño de un correo.
Comprueba el orden de lectura y el propósito de los enlaces sin imágenes. Un correo visualmente atractivo puede resultar difícil de entender con tecnologías de asistencia.
Adapta el flujo de trabajo a tu tarea.
Examina el orden del texto, los encabezados, las imágenes y los enlaces del correo proporcionado. Identifica la información que se pierde sin imágenes y propone etiquetas significativas; después comprueba el diseño real con herramientas de accesibilidad apropiadas.
- Qué aportas
- HTML o texto del correo.
- Qué obtienes
- Problemas de encabezados, etiquetas de enlace y orden de lectura.
Mira la entrada y el resultado.
Entrada y salida ilustrativas · ejemplo didáctico, no una ejecución de WebAct en directo
Ejemplo campo
An HTML email has image-only headings and several linked icons with no accessible names. No rendered layout supplied.
Ejemplo completo
Issue 1: headings are available only as images; provide meaningful text headings or an appropriate text alternative. Issue 2: linked icons lack accessible names; name each destination or action. Unverified: contrast, reading order and client-specific rendering. Inspect the actual email before reporting a complete accessibility result.
Carga esta entrada en el prompt y cópialo en WebAct para probar la tarea. Tu resultado puede diferir del ejemplo.
Decisiones y solución de problemas.
¿Una redacción accesible compensa un diseño de correo inaccesible?
Ayuda, pero también importan la estructura, el contraste y el renderizado del cliente. Revisa el correo completo en lugar de tratar el texto como único factor.
¿Por qué los iconos enlazados pierden significado sin imágenes?
Proporciona nombres accesibles que describan cada destino. El propósito del enlace debe seguir entendiéndose cuando su símbolo visual no esté disponible.
Pruébalo con tu propia fuente.
Sustituye el ejemplo por tu material en el prompt. Conserva los requisitos que necesites y copia la tarea en WebAct.
Personalizar y copiar la tarea ↑