Archive for the ‘a11y’ Category

Automated Accessibility Checking with aXe

Posted on: No Comments
Accessibility concerns are often ignored due to the efforts required to check them and implement solutions. Not only do developers have to get acquainted with the underlying standards but also constantly check that they are met. Can we make developing ...

Inclusive Components

Posted on: No Comments
Heydon Pickering with a new project: A blog trying to be a pattern library. Each post explores the design of a robust, accessible interface component. Just one post so far on Toggle Buttons, but it's a doozy. Direct Link to Article — Permalink In...

Maintaining Accessibility in a Responsive World

Posted on: No Comments
There a bit of a CSS trick is Scott Jehl's latest article. Perhaps you've used an "accessible hiding" technique? That's where you are deliberately avoiding display: none; because you want the element to be focusable, but not seen visually. But... that...

An Introduction to the Reduced Motion Media Query

Posted on: No Comments
The open web's success is built on interoperable technologies. The ability to control animation now exists alongside important features such as zooming content, installing extensions, enabling high contrast display, loading custom stylesheets, or disab...

The Art of Labeling

Posted on: No Comments
There's a lot of neat tricks in this video by Rob Dodson where he focuses on accessibility tricks in Chrome's DevTools. A few notes: Chrome DevTools has an experimental feature to help with accessibility testing that you can unlock if you head to chro...

Input Masking

Posted on: No Comments
I don't have any UX research to cite, but anecdotally, I like it when inputs that expect data in a specific format us an input mask. I thought I'd just line up a few demos for really easy reference. Robin Herbots's (jQuery) Inputmask This is an activ...

Random Interesting Facts on HTML/SVG usage

Posted on: No Comments
Last time, we saw how the average web page looks like using data from about 8 million websites. That's a lot of data, and we've been continuing to sift through it. We're back again this time to showcase some random and hopefully interesting facts on ma...

High Contrast, A PostCSS Plugin Story*

Posted on: No Comments
The following is a guest post by Eduard Pochtar from ShiwaForce. Eduard is going to walk us through they why and how of a plugin he and his team built to process existing CSS to make a high contrast version of a web site. It involved a little thinking ...

FormLinter

Posted on: No Comments
I absolutely love this idea from Thoughtbot. Just like automated tools that check your HTML for syntax, formatting, validity, or whatever else, FormLinter checks your <form> HTML for best practices. Things like every input having a label, using c...

Beware Smushed Off-Screen Accessible Text

Posted on: No Comments
J. Renée Beach: Over a few sessions, Matt mentioned that the string of text “Show more reactions” was being smushed together and read as “Showmorereactions”. Turns out a popular technique for hiding content visually (but not hiding it for assi...