Rule KEY-4
When a links, forms controls and other interactive elements receive focus their visual styling should change to make it easy to identify which element has focus

Description

Best Practice Type: Manual Check

  • Styling must change in more than color, like having an outline border around the control with focus
  • :focus and :blur css psuedo elements can be used to provide CSS styling to elements that receive focus

Markup

input[type=text|password|radio|checkbox|file] (HTML4)

textarea (HTML4)

select (HTML4)

input[title] (HTML4)

input[type=image] (HTML4)

select[onchange] (HTML4)

[onclick] (HTML4)

[onmousedown] (HTML4)

[onmouseup] (HTML4)

[onmousemove] (HTML4)

[onmouseover] (HTML4)

[onmouseout] (HTML4)

input[type=button] (HTML4)

input[type=submit | reset] (HTML4)

Associated Accessibility Guidelines and Standards

Guideline or
Standard
Requirement Priority Test
Type
IITAA none none
Section 508 none none
WCAG 1.0 none none
WCAG 2.0 none none

Examples

none

Evaluation Techniues

none

Testsuite Tests

none