vtTabber()
is an accessibility function which prevents the default focus outline on click, but maintains it when using the tab ⇥
key.
Vuelity does come with accessibility built-in, but, this function allows an extra layer of support for those who are physically impaired, suffer learning disabilities or simply prefer to use a keyboard to navigate the web.
All you need to do is call Vuelity.vtTabber()
, and this handles everything for you.
To give the outline a unique styling, you can target it like this:
.vt__tabber *:focus {
outline: 5px solid;
}