List Rules

HTML Markup Details

ul element with li element
The ul and li elements can be used to create unordered lists of information.
The default rendering of an unordered list uses a solid black circle as the bullet for each item; this default can be modified to a variety of shapes including discs, circles and squares using the CSS list-style property.
Custom bullets can be defined using the CSS background-image property or the CSS list-style-image property.
ol element with li element
The ol and li elements can be used to create ordered lists of information.
The default numbering of items in an ordered list uses decimal numbers starting from one (1).
The numbering style and current list number can be changed using the CSS list-style-type property. Possible values include decimal-leading-zero, lower-roman, upper-roman, lower-greek, lower-latin, upper-latin, armenian, georgian or none.
ol:start element
The value attribute can be used to set the starting number for an ordered list.
li:value element
The value attribute can be used to set the number for the current li element.
dl element with DT and dd element
The dl element can be used to create lists of definitions.
The dt element is used to itemize each term to be defined. One or more dd elements follow each dt element and provide definitions for the term.

Accessibility Evaluation Rules

no. Testing Description Implementation
FAE Firefox
Accessibility
Extension
1 Warning/Pass

If consecutive p elements include a string of non-space characters followed by a period or right paranthesis character (")"), the markup may be representing an ordered list of items. If the markup is representing an ordered or other type of list, it should use HTML list markup with CSS for styling.

NI NI
2 Warning/Pass

If consecutive p elements contain an img element with the alt attribute content that includes a single character or the null content, it may be representing a bulleted list of items. If the markup is representing a bulleted or other type of list, it should use HTML list markup and CSS, for incorporating the custom bullet.

NI NI
3 Check/Pass

Nested lists deeper than 5 levels are difficult for people to understand, especially screen reader users. Reorganize the structure of the nested lists into sections that can be identified using meaningful section titles using heading markup.

NI NI

FAE Rule Implemetation

Illinois Functional Accessibility Evaluator 1.0
The Illinois Functional Accessibility Evaluator is a web based tool to help developers evaluate web resources for the use of the iCITA HTML best practices.
Web interface cannot currently analyze content generated dynamically with javascript.
Illinois Firefox Accessibility Extension
The Illinois Firefox Accessibility Extension is a Firefox add-in that is designed to identify accessibility features for both static and dynamically generated html content.
Useful for identifying the location of specific accessibility problems for failures and warnings indentified in FAE reports.
Create FAE reports for a page that uses javascript to generate page content with the FAE DHTML Report feature.