Opened 2 years ago

Closed 2 years ago

#17410 closed defect (bug) (fixed)

Twenty Eleven: most links lack :focus style, making keyboard navigation hard

Reported by: Daniel Koskinen Owned by: iandstewart
Priority: normal Milestone: 3.2
Component: Accessibility Version: 3.2
Severity: normal Keywords:
Cc:

Description

In Twenty Eleven, tabbing through links is almost impossible apart from main body links, where there is a text-decoration: underline behaviour.

Elsewhere, such as in the nav menu, the round comments link and sidebar, there is no focus behaviour and the user needs to guess (or check the status bar for) which link is currently active.

To reproduce: open up the latest trunk with the Twenty Eleven theme in a browser and start tabbing through links.

A fix that could work is giving a simple background color highlight for most links, and for nav menus use the same effect as for :hover.

Change History (5)

  • Owner set to iandstewart
  • Resolution set to fixed
  • Status changed from new to closed

In [18057]:

Twenty Eleven: focus styles for all links; Fixes #17410

  • Milestone changed from Awaiting Review to 3.2
  • Resolution fixed deleted
  • Status changed from closed to reopened

Great job with the focus styles so far, especially like the "skip to content" links. However, links in sidebars are still missing :focus. Why not just style a good default and add exceptions where necessary?

Related: #17524

  • Resolution set to fixed
  • Status changed from reopened to closed

In [18167]:

Twenty Eleven: focus styles for sidebar links; Fixes #17410

Note: See TracTickets for help on using tickets.