Practical Accessibility Tips You Can Apply Today
Kevin Andrews shares some useful snippets of markup with handy explainers to help you deliver more accessible components.
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.
Build a fully-responsive, progressively enhanced burger menu
In this premium tutorial, we’re going to build a burger menu from the ground up, using progressive enhancement, ResizeObserver, Proxy state and of course, super-solid HTML and CSS that pull from the CUBE CSS principles.
Load all focusable elements with JavaScript
A handy helper function that will load all user-focusable elements inside a parent element for you.