There are two issues with navigating the toolbar via the keyboard:

1. The outline of links has been removed, so there is no way to tell which link is currently active.
2. The visual order of links don't match the source order, so tabbing to the next link sometimes goes to an unexpected place.

CommentFileSizeAuthor
#2 toolbar_keyboard.patch1.67 KBalpritt
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

Everett Zufelt’s picture

+1

There needs to be visual representation for keyboard only users of which link in the toolbar has focus. It is also important that focusable elements within a widget (toolbar) have a consistent visual-DOM order so that keyboard only users can intuitively predict where focus will be moving.

alpritt’s picture

Status: Active » Needs review
FileSize
1.67 KB

This styles :focus the same as :hover. It also switches the source order of the top navigation menu and top user menu so that they match the order they display on screen.

Gábor Hojtsy’s picture

Status: Needs review » Reviewed & tested by the community

Applied to my D7 testing setup. Works as advertised. Looks still the same as before (with the switched source order), but has the hover looks on keyboard navigation too. Should be ready to go.

Dries’s picture

Status: Reviewed & tested by the community » Fixed

Committed. Thanks.

Status: Fixed » Closed (fixed)
Issue tags: -Accessibility

Automatically closed -- issue fixed for 2 weeks with no activity.