Use tabindex -1 to remove elements from the natural tab order or but still allow…

Use tabindex 0 to insert elements into the natural tab order.

Use the :focus-visible polyfill to selectively style focus.

Use video formats for animated content.

Test and deploy a Firebase Hosted app on Glitch.

An example of synthetic click activation.

An example of using the roving tabindex pattern to manage focus in a component.

A great use case for aria-label is when you have icon buttons.

An interactive journey into the world of accessibility.

A few example interactive elements.Try operating them with your keyboard instead…

Custom Elements for absolute beginners (Part 2): Writing your first web componen…

A joyful project that does loving things

Example of controls with a logical tab order

Your very own basic web page, ready for you to customize.

Example of a broken tab order. The floated element is out of sequence.

A tabindex > 0 is an anti-pattern! If need something to appear earlier in the…

Your very own basic web page, ready for you to customize.

An example of using a tabindex >0 and why it's an anti-pattern.

Your very own basic web page, ready for you to customize.

An example of how to do a "skip link" to improve keyboard navigation.

A custom element for showing screenshots of Glitch (and other) UI elements.

refactored macro layout to 2 smaller grids

Your very own basic web page, ready for you to customize.

A genial project that does notorious things

Automated reviews of web.dev/developer.chrome.com content

A simple Node app with a SQLite database to hold app data.

A simple Node app built on Express, instantly up and running.