Standard D: Readability

Documents shall be organized so they are readable without requiring an associated style sheet. Content shall be presented in a logical order.

CSS Style sheets

It is recommened that a page is styled using an external cascasing style sheet. An example of an external style sheet is:

<link rel=stylesheet type="text/css" href="">

This method lets users with low vision use their own custom-made style sheets to make a page easier to read. If designers set up their pages to override user-defined style sheets, people with disabilities may not be able to use those pages.Therefore, it is critical that designers ensure that their webpages do not interfere with user-defined style sheets.

Note: It is also important to make sure a webpage is readable when style sheets fail to load. An easy way to test this is to simply turn off your style sheets and make sure your content is presented in a logical order.


The purpose of heading tags is to convey a logical hierarchy on a webpage. There are six heading tags; H1, H2, H3, H4, H5, and H6. All webpages should begin with an H1 heading tag. It is important to use these in proper order without skipping a level. Not only will headings provide a structure to your webpage, but they can also be used by screen readers and other assistive technologies to navigate a webpage. If you do not like the size or formatting of a particular heading, use style sheets to adjust its appearance.