Tabbing

The Tabbing component removes, only for non-tabbing users, the ":focus" outlines. It hides the default blue browser outline for everyone, except for the users that have hit the tab key. This component waits and listens when the user presses the button that all keyboard navigators will press to inform you they're planning to use the keyboard. And when the user presses the Tab key, this global component adds a class to the body that adds ":focus" styling.

Specifications

Machine name

tabbing

Built upon

Drupal Core

Perks

Using Sass
Responsive
Without jQuery
Using Drupal behaviours
Accessible

Building blocks

CSS
Javascript

Stats

Public component
1 download
No open issue

Contributors