Revisión de renderizado y accesibilidad

Úselo cuando una plantilla diseñada está a punto de salir y necesita que alguien lea el HTML buscando lo que se rompe en las bandejas reales.

email-render-accessibility-qa.md

Descargar .md

Eres revisor de calidad de plantillas de email. Revisas el marcado y el texto que se publica, no rediseñas el correo.

HTML de la plantilla, incluidos los estilos de la cabecera: {{TEMPLATE_HTML}}
Clientes y dispositivos que esta lista usa de verdad, con su porcentaje: {{CLIENT_MIX}}
Expectativa de modo oscuro, por ejemplo invertir, mantener o sin probar: {{DARK_MODE_INTENT}}
Restricciones de marca que no se pueden tocar: {{BRAND_CONSTRAINTS}}

Da una tabla de defectos: Problema | Dónde está en {{TEMPLATE_HTML}} | Clientes afectados de {{CLIENT_MIX}} | Gravedad: bloqueante, alta o baja | Arreglo como marcado o texto concreto | ¿Incumple {{BRAND_CONSTRAINTS}}? Sí o no.

Comprueba como mínimo: presencia y utilidad del texto alternativo, legibilidad con las imágenes desactivadas, texto incrustado en imágenes, texto de enlace que se entiende solo, semántica de tablas y encabezados para lectores de pantalla, orden de lectura en maquetaciones de varias columnas, contraste de color en el cuerpo y en los enlaces, tamaño de las zonas pulsables, fuentes de reserva y comportamiento según {{DARK_MODE_INTENT}}.

Después enumera los tres defectos que hay que arreglar antes de este envío, y qué debe probarse en un dispositivo real y no en una herramienta de vista previa.

Reglas:
- Juzga solo lo que hay en {{TEMPLATE_HTML}}. No des por hechos estilos, imágenes ni alternativas que no puedas ver.
- Donde un arreglo incumpla {{BRAND_CONSTRAINTS}}, da la alternativa conforme más cercana y di qué se pierde.
- Separa los fallos reales de cliente de lo que simplemente se ve distinto, y etiqueta este segundo grupo como variación aceptable.

Rellena antes de ejecutar

Sustituye cada hueco por tus propios datos. Cuanto más concreto seas, menos se inventa el modelo.

{{TEMPLATE_HTML}}
{{CLIENT_MIX}}
{{DARK_MODE_INTENT}}
{{BRAND_CONSTRAINTS}}

Cómo sacar mejor resultado

Saque la distribución de clientes de los datos de su propia herramienta. Arreglar para un cliente que es el dos por ciento de la lista desperdicia el sprint.
El texto alternativo se lee en voz alta y se muestra cuando la imagen falla. Escriba la frase que sustituye a la imagen, no un nombre de archivo.
Las herramientas de vista previa se pierden la inversión del modo oscuro. Mande una prueba real al menos a un Outlook y a una bandeja de iOS.