Archive

I’ve released the code I use to generate WCAG conformance reports using the Eleventy static site generator. Here’s some context.

Why and how the right HTML elements can improve the user experience of people that use assistive technologies.

Element.scrollIntoView takes as its argument either a boolean value or an object. The object syntax gives more alignment capabilities and smooth scroll, but it works in less browsers.

In cards, you could use grid tracks instead of padding.

Heading structures give screenreader users and others a table of contents for our sites. By being conscious of that, we can make better choices about heading levels and their contents.

With display: contents, we can have more accessible markup for our CSS Grids. One caveat: supporting browsers currently break this.

Alternative text is a great opportunity to make the non-text parts of the web accessible. However, look out for redundancy, and only add it when it conveys something that isn’t already there.

The benefits and downsides of providing a fallback for the aria-expanded attribute, and why it is now best to not provide a fallback at all.

Some tips for building password manager proof login forms.

A trick to build a file upload control that uses a native input element, but looks custom.