Page Title: Der Zungenkuss - Frag doch mal den Papa ...
May 21, 2018 11:51

Focus order must be meaningful


Severity Action
Manual Check Check the "tab" focus order of the page to make sure the sequence of focusable elements is meaningful.


Rule ID Focus 1
Definition The sequential focus order of links, form controls, embedded apps and widgets must be meaningful.
  • The "tab" key is the primary key many browsers use to navigate the interactive elements on a web page.
  • The sequential order of the elements receiving focus can help a user understand the features on a web page.
  • The usability of frequently used or important interactive features of a web page can be improved by moving them to the beginning of the focus sequence.
WCAG Success Criteria

2.4.3 Focus Order (Level A, Primary Success Criterion)

Rule Category Keyboard Support
Scope Page
Target Resources a, area, input, textarea and select elements and elements with widget roles with tabindex values
  • a
  • applet
  • area
  • button
  • input
  • object
  • select
  • Use document order to place related interactive items in a meaningful sequence.
  • The tabindex atttribute value (i.e. values greater than 0) can be used to change the sequence of focusable elements in a web page or make non-interactive elements part of the "tab" order of the page.
  • A tabindex values of less than 0 remove redundent interactive elements from the sequential focus order.
Manual Checks
  • Use the "tab" key to move focus through the links, form controls, embedded applications and widgets on the page.
  • Does the sequence of elements receiving focus make sense (i.e. related items on the page are navigated sequentially as a group).
Informational Links

Element Results

Element Identifier Result Element Position Message

Column Definitions

Element Identifier
Information about the element associated with the result.
The information typically includes the tag name, accessible name or other information related to the rule requirements.
"Page" means that the result applied to the page. For example, the rule "One main landmark on the page" is a page level rule.
Element Position
The element position is based on the DOM order of elements in the page.
The element position maybe useful in helping to locate a specific element on the page evaluated (e.g smaller numbers are typically toward the beginning of a page and larger numbers typically toward the end of a page).
Element position 1 is the first element.
The highest element position is the last element.
Element position values for most rule/page results will not be consecutive since a rule only applies to a sub set of elements found on a page.