Mobile Responsiveness (Viewport)
The <meta name='viewport'> tag is essential for ensuring your email scales correctly on different screen sizes. Without it, mobile users will have to pinch and zoom, creating a poor experience.
Image Alt Text
All <img> tags must have a descriptive alt attribute. This text is read aloud by screen readers for visually impaired users and is displayed if an image fails to load.
Readable Font Sizes
Body text smaller than 14px can be difficult to read, especially on mobile. We recommend a minimum font size of 16px for body copy for optimal accessibility.
Dark Mode Support
Emails should be readable for users who prefer a dark interface. This is done by adding a @media (prefers-color-scheme: dark) query in your CSS to adjust colors.
Tappable Buttons
Call-to-action buttons must have enough padding (e.g., at least 10px vertically and 15px horizontally) to be easily and accurately tapped on a touchscreen.
Web-Safe Fonts
Using custom fonts that aren't supported by all email clients can lead to inconsistent rendering. Stick to universally supported web-safe fonts like Arial, Helvetica, and Georgia.