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

[Daniel Koskinen]

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.

[iandstewart]

In [18057]:

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

[Daniel Koskinen]

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?

[ocean90]

Related: #17524

[iandstewart]

In [18167]:

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