Skip to main content

visibility in Outlook 365

SupportedOutlook Web · webmail

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 Outlook 365. No workarounds needed.

Other Clients

ClientSupport
GmailUnsupported
Gmail AndroidUnsupported
Gmail iOSUnsupported
Outlook (New)Unsupported
Outlook ClassicUnsupported
Outlook iOSSupported
Outlook AndroidSupported
Apple MailSupported
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