Passing page
This page is designed to pass all the tests (packaged and custom) in the combo10
proc of Autotest.
Link underlining
Here are two non-inline and non-underlined links.
This paragraph contains an inline and underlined link to Source 3.
Focus indicator
The focusable elements elsewhere in this document are outlined when focused.
Keyboard navigability
The links elsewhere in this document are keyboard-focusable and keyboard-operable. So are the following form elements:
Menus
Two-dimensional arrays of actionable items (typically, links) are common at the tops and bottoms of web pages in large websites. Functionally, they are menus. They can be implemented in three ways:
- Distinct items, or lists or grids of items. That forces keyboard users to use the Tab key to traverse the entire array.
- Items grouped into distinct menu widgets. That lets the Tab key navigate between but not within menus.
- A single menu widget with submenus. That lets the Tab key navigate only to and from the menu.
With implementation 2 or 3, navigation within a menu or submenu uses Enter, Space, arrow, Home, End, and letter keys, not the Tab key.
How menus should be implemented is controversial. If they are implemented as menus, simplistic tests may classify them incorrectly.
To check whether menu implementations are correctly classified by Autotest, this page contains the following menu bar. In it, the personalities submenu implements pseudofocus management and the technologies menu implements true focus management. These two patterns are recommended by the Accessible Rich Internet Applications Working Group.
Labeling
Labelable elements elsewhere in this document are correctly labeled implicitly or explicitly. In the following form, one control is labeled by reference, and one is labeled by attribute. No element is labeled in conflicting ways.
Radio buttons
Radio buttons elsewhere in this document are contained in a valid fieldset
element.
Roles
The paragraph after the main
landmark has a non-deprecated role attribute.
Style consistency
The links, buttons, and headings in this document have consistent styles.
The next two h3
headings have non-default styles, but consistent.
Example 1
This is example 1.
Example 2
This is example 2.
Hovering
Hovering over active elements changes their styles, but does not change the page content.
Page simplicity
The count of elements in this document is small enough to pass the bulk
test.