WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Best way to hide headings from visual users while keeping them in the outline

for

From: Jared Smith
Date: Apr 22, 2013 8:38AM

http://webaim.org/techniques/css/invisiblecontent/

This provides a pretty good summary of the techniques. There is also a
newer CSS clip technique that is being used that works similar to
off-screen content. The key is that display:none or visibility:hidden
will (usually) hide content from all users, including screen reader
users.

It doesn't matter if the styles are applied directly (inline) or via a class.

Jared