Grossmont Collegeskip navigation
Apply & Enroll Departments Help for Students Find People Online Services Campus Information Student Activities
Web Accessibility - Priority 2

Web Accessibility: Priority 2

Menu

 

 

Web Accessibility: Structural Mark-up


Manage Information

Use headers/headings to convey document structure. Do not use headers for font effects; instead, use style sheets.

For example:

<h1>Heading Level 1</h1>

<h2>Subheading Level 2</h2>

<h3>Sub-subheading Level 3</h3>

<h2>Subheading Level 2</h2>

<h2>Subheading Level 2</h2>


yields the following:

Heading Level 1


Subheading Level 2


Sub-subheading Level 3


Subheading Level 2


Subheading Level 2


Use List Elements and Nest Them as Needed

Properly use the list structure and list items to create lists. Do not use these elements to simply provide formatting effects such as indentation; instead, use style sheets. For complex ordered lists, compound numbers are more informative than simple numbers. For example, a list numbered 1, 1.1, 1.2, 1.2.1, 1.3, 2, 2.1, provides more context than the same list without compound numbers.

For example:

<UL> unordered list
<OL> ordered list
<DL> definition list
<LI> list item

Mark Up Quotations

Use <Q> to mark up short quotations and <BLOCKQUOTE> for longer ones. Do not use these elements to simply provide formatting effects such as indentation; instead, use style sheets.

Avoid Structural Markup for Formatting

Do not use structural markup for formatting text. For example, do not use <TH> to display a non-table heading centered and in bold. Use style sheets to mark up presentation.