Volume 204 - Node Scripting, Multi-Selects, Building a Modal, and More!

Hope the following links are helpful to you! If you have feedback on the format or content, please hit “reply” and let me know.

Shell scripting with Node.js

This free online book thoroughly explains how to build good node scripts and CLI tools.

Introducing inert

The inert property is a global HTML attribute that allows developers to remove and restore user input events for an element, including focus events and events from assistive technologies.

Under-Engineered Multi-Selects

This post is not about <select multiple> nor a bunch of <div>s rolled-up into a listbox with aria-multiselectable. Both these examples have tested poorly with users for more than two decades. This post provides a solution with a more satisfying accessibility experience.

CTA Modal: How To Build A Web Component

Most of the time we need a modal (dialog box), we see what our component library has, or just install the npm package with the most stars. Sometimes, however, we need to build that UI ourselves: this post is a great foundation for that.

The Surprising Truth About Pixels and Accessibility

In this post, Josh dives deep into common CSS units (px, em, rem) and explores their effects on accessibility scenarios like page zoom and user text size changes.

Cheers!

James