arrow-down arrow at-sign bug check checkbox-checked checkbox-unchecked svg-checkmark chevron-right chevrons-right circle-down circle-left circle-right circle-up cloud2 svg-cross2 download download external-link filter github hash home leaf leaf left link-2 log-in log-out mail menu message-square minus plus radio-checked radio-checked2 radio-unchecked search settings spinner8 target twitter up upload-2 user users warning x zap
  • Home
  • Report a bug
  • Contribute
  • All issues
  • Login

URL: http://section508.gov/
Browser / Version: Chrome 43.0.2357
Operating System: Windows 7
Problem type: Something else - I'll add details below

Steps to Reproduce

  1. Navigate to: http://section508.gov/
  2. Try to use the site with only a keyboard.

Expected Behavior:
Links should be obvious when they have focus. Links should get underlines, menus should expand, images should get outlines. Other styles may replace these, but there must be some clear indicator of focus.

Actual Behavior:
Focus is rarely applied. The search button does not get styled. The accordion menu does not expand. Content links receive no underlines nor obvious color change. Links in the footer get no underlines. Image links in the footer have no outline. These all fail Section 508.

Suggested Fixes:
These won't fix everything, but this is low-hanging fruit:

Remove this style:
:focus { outline: 0; }

Remove every instance of:
:hover { text-decoration: none; }

Remove every instance of:
a img { outline: none; }

For every :hover, also add :focus.

Increase the color contrast on the link states.

For the accordion menu, consider using one of the many accessible patterns available online.

Please login to edit issues.

View issue on Github

Shortcut: Press l on your keyboard to open the label editor. Shortcut: Press g on your keyboard to be taken to the GitHub view of this page.
Closed: Fixed
#1230

section508.gov - see bug description

Opened: 2015-06-09
Reporter: aardrian
Comments: 9
  • Home
  • List of issues
  • About
  • Contribute
  • Contact
  • Privacy Policy
  • Terms of Service
  • Code of Conduct