Content filed under “a11y”

Use transparent borders and outlines to assist with high contrast mode

It’s tempting to use a sharp box shadow for focus styles to both remove the default focus ring and to get around sharp outline corners. With this method, you can create problems for Windows High Contrast users, so this quick tip will help you get the best of both worlds.

Load all focusable elements with JavaScript

A handy helper function that will load all user-focusable elements inside a parent element for you.

Visually hide an element with CSS

Make a button element look like a link