WordPress.org

Make WordPress Core

Opened 3 years ago

Closed 3 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
Milestone: 3.2 Priority: normal
Severity: normal Version: 3.2
Component: Accessibility Keywords:
Focuses: 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)

comment:1 iandstewart3 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

comment:2 ocean903 years ago

  • Milestone changed from Awaiting Review to 3.2

comment:3 Daniel Koskinen3 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?

comment:4 ocean903 years ago

Related: #17524

comment:5 iandstewart3 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.