Add a Visible Focus Rule to Help Testing Keyboard Navigation as a Sighted User

03/18/20181 Min Read — In Testing

You can add a style to your browser, for example on FireFox using Stylus plugin, to show the active focus when using keyboard navigation:

:focus {
outline: 0.25rem solid #00d1ff !important;
outline-offset: 0.25rem;
}

Pretty handy!