Navigation Bar Rules
HTML Markup Details
ul
element and other container elements- The
ul
element is the preferred navigation bar container element. - Other container elements that are identified as navigation bars include nested table elements that contain mostly links and
map
elements that containarea
elements. These containers are not as accessible or interoperable as theul
element. li
anda
elements- The
li
element should be used as the container for individual a elements in theul
element navigation bar. - h2-h6 elements
- Heading elements (
h2-h6
) should provide descriptive labels for a collection of links for page and site navigation; theh2
element is preferred for most navigation bars. - The heading should immediately precede the navigation bar container element.
- Heading elements can be hidden in a graphical rendering by using CSS absolute positioning.
Accessibility Evaluation Rules
no. | Testing | Description | Implementation | |
---|---|---|---|---|
FAE |
Firefox Accessibility Extension |
|||
1 | Fail/Pass |
The Implementation Notes
|
1.0 | 1.5 |
2 | Fail/Pass |
The Implementation Notes
|
1.0 | 1.5 |
3 | Warning/Pass |
Each |
1.0 | 1.5 |
4 | Check/Pass |
Most pages should contain at least one navigation bar. |
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.