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; }
Try a full demo on Codepen!