Hiding section headings from sighted users


show more Hiding section headings from sighted users provides you with in-depth training on Web. Taught by Zoe Gillenwater as part of the Web Accessibility Principles show less
please wait ...

Hiding section headings from sighted users

>> Even with improvements that CSS has made to the appearance to the headings on our page you may want to hide the section navigation and footer headings from view but still have them accessible to screen readers. You can make elements invisible using CSS in a way that will still cause the text of those elements to be read by screen readers. The most obvious CSS to use for this is setting the display property to a value of none, this makes the element invisible and leaves not empty space behind but many screen readers including JAWS won't read text that is styled with display none.

An alternative way to keep content on the page but out of sight is to move it off the screen. There are a variety of ways to move something off the screen and some work in more screen readers than others. A pretty reliable way is to use one of the methods called left positioning. This is where you use CSS properties to move the element all the way off the left side of the screen including absolute positioni...

Hiding section headings from sighted users
Video duration: 6m 41s 6h 9m Appropriate for all

Viewers:

Hiding section headings from sighted users provides you with in-depth training on Web. Taught by Zoe Gillenwater as part of the Web Accessibility Principles

Subject:
Web
Author:
please wait ...