Make WordPress Core

Opened 13 years ago

Closed 13 years ago

#17410 closed defect (bug) (fixed)

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

Reported by: daniel-koskinen's profile Daniel Koskinen Owned by: iandstewart's profile iandstewart
Milestone: 3.2 Priority: normal
Severity: normal Version: 3.2
Component: Accessibility Keywords:
Focuses: Cc:


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)

#1 @iandstewart
13 years ago

  • 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

#2 @ocean90
13 years ago

  • Milestone changed from Awaiting Review to 3.2

#3 @Daniel Koskinen
13 years ago

  • 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?

#4 @ocean90
13 years ago

Related: #17524

#5 @iandstewart
13 years ago

  • 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.