Skip to main content
Emailens/Email CSS Support
Test Your Email

visibility in Gmail

UnsupportedGmail Web · webmail

Fix & Workaround

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

Other Clients

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

Related Features

!importantaccent-coloralign-itemsanimationaspect-ratiobackdrop-filter

Test your email across all 15 clients

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

Try Emailens Free