Skip to main content

visibility in Apple Mail

SupportedWebKit · desktop

Support Details

Remove the element or use display:none as an alternative.

Before

<div style="visibility: hidden;">
  Hidden content for screen readers
</div>

After

<!-- For screen readers, use font-size: 0 trick -->
<div style="font-size: 0; max-height: 0; overflow: hidden;
            mso-hide: all;" aria-hidden="true">
  Preheader text
</div>

Use conditional comments or remove hidden content

visibility is fully supported in Apple Mail. No workarounds needed.

Other Clients

ClientSupport
GmailUnsupported
Gmail AndroidUnsupported
Gmail iOSUnsupported
Outlook 365Supported
Outlook (New)Unsupported
Outlook ClassicUnsupported
Outlook iOSSupported
Outlook AndroidSupported
Apple Mail iOSSupported
Yahoo MailSupported
Samsung MailSupported
ThunderbirdSupported
HEY MailSupported
SuperhumanSupported

Related Features

Test your email across all 15 clients

Preview rendering, catch CSS issues, and get actionable fixes — free.

Try Emailens Free