WebAIR

If layout styles are removed, does the order of the content still make sense? (NAV01)

Why Is This Important?

Some assistive technologies, such as screen readers, render webpages without CSS. This means that elements on the webpage are displayed in the same order that they appear in the code without any positioning or styles applied. It is therefore important to ensure that the order of the conent still makes sense when CSS is disabled. This will help you to understand how the webpage appears to screen reader users and will also allow you to arrange the content in a logical order in case the CSS fails to load for whatever reason.

How To Fix The Problem

One way of viewing a webpage without CSS is to use a text-only browser, such as Lynx. A much easier way is simply to disable CSS in your regular web browser. You can do this either through the browser settings or by installing a development plug-in, such as Firebug or Web Developer Toolbar.

Example

No example is available.

Further Information

  1. http://en.wikipedia.org/wiki/Lynx_%28web_browser%29
  2. http://getfirebug.com/
  3. http://chrispederick.com/work/web-developer/