Skip to the content

(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 also lets users with low vision use their own custom-made style sheets. If designers set up their pages to override user-defined style sheets, people with disabilities may not be able to use those pages. For good access, therefore, it is critical that designers ensure that their web pages do not interfere with user-defined style sheets.

Note: In the Manual Check page, you will find additional information on how to test for readability when style sheets are turned on or switched.


The purpose of heading tags is to convey a logical hierarchy on a web page. There are six heading tags; H1, H2, H3, H4, H5, and H6. All web pages 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 web page, but they can also be used by screen readers and other assistive technologies to navigate a web page. If you do not like the size or formatting of a particular heading, use style sheets to adjust its appearance.

5151 State University Drive . Los Angeles . CA 90032 . (323) 343-3000
2014 Trustees of the California State University

Last Update: 07/6/2012