How-to: Hide content - The A11Y Project

I’ve always loved exploring how to make semantic, accessible elements aesthetically pleasing. And yes, it is possible. Challenging myself to…

Content Warning: This blog post contains gifs. Hey friends! Today's writing is going to be a follow up to How Accessibility Taught Me to be…

Content Warning: This blog post contains gifs. Want to see this in action? I created a 6 minute video collection! Go To My Free…

Content Warning: This blog post contains gifs. I've seen a ton of designers make these GORGEOUS checkbox styles, but then you see them…

Content Warning: This blog post contains gifs. Hey friends! Hope you’ve had a great week! This tweet I wrote a while back inspired me to…

Showcasing accessible user interfaces and tools. Submit your favorite website, application or UI...

Somebody's poisoned the watering hole. Contribute to gingerchew/eleventy-plugin-poison development by creating an account on GitHub.

Last week, I got a decent amount of folks who found the aria states blog post helpful. This week I wanted to continue with that and go…

How to build some pretty radio and checkbox form controls using the CSS currentColor keyword and pseudo elements.

We conducted 5 user testing sessions with Fable Tech Labs to determine which client-side routing techniques are the most accessible to people with disabilities. With this research, we can make more informed decisions for accessible page changes in sites built with Gatsby, React, and beyond.

Using the File API, web content can ask the user to select local files and then read the contents of those files. This selection can be done by either using an HTML element or by drag and drop.

Helsinki recently launched the City as a Service campaign. This post explores how to make it more accessible.

The HTML element is an interactive element activated by a user with a mouse, keyboard, finger, voice command, or other assistive technology. Once activated, it then performs an action, such as submitting a form or opening a dialog.

The HTML element is an interactive element activated by a user with a mouse, keyboard, finger, voice command, or other assistive technology. Once activated, it then performs an action, such as submitting a form or opening a dialog.

JavaScript Frameworks generally do a lot of DOM handling for you, but doing it yourself can be the most performant option, and there are quite a few best practices.

As an extension to our From URL to Interactive series, designer and front-end developer Melanie Richards takes a deep dive into how our content is accessed by a wide array of screen readers, which …

Classification is hard. Take crabs, for example. Hermit crabs, porcelain crabs, and horseshoe crabs are not — taxonomically speaking — true crabs. But that doesn’t stop us using the “crab” suffix. It gets more confusing when, over time and thanks to a process called carcinisation, untrue crabs evolve

<p>I added a dark mode toggle to this site. This is how.</p>

Could spoiling a joke be an accessibility issue? You better believe it..

— The personal website of Sara Soueidan, inclusive Web UI engineer