Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
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.
Comment | File | Size | Author |
---|---|---|---|
#2 | toolbar_keyboard.patch | 1.67 KB | alpritt |
Comments
Comment #1
Everett Zufelt CreditAttribution: Everett Zufelt commented+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.
Comment #2
alpritt CreditAttribution: alpritt commentedThis 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.
Comment #3
Gábor HojtsyApplied 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.
Comment #4
Dries CreditAttribution: Dries commentedCommitted. Thanks.