A deep dive into the
:focus pseudo-class and why it’s important.
Friday, March 30th, 2018
A deep dive into the
Friday, January 5th, 2018
Paul walks us through the process of making some incremental accessibility improvements to this year’s 24 Ways.
Creating something new will always attract attention and admiration, but there’s an under-celebrated nobility in improving what already exists. While not all changes may be visual, they can have just as much impact.
Monday, November 7th, 2016
If you enjoyed reading Marcin’s serendipitous story on Twitter, here are the pictures to accompany it.
Sunday, November 6th, 2016
Ire rounds up a bunch of tools you can use to test accessibility, from dev tools to Tenon.
Wednesday, August 31st, 2016
Choosing the right input type for your form field.
Wednesday, July 20th, 2016
Jason breaks down the myths of inputs being tied to device form factors. Instead, given the inherent uncertainty around input, the only sensible approach is progressive enhancement.
Now is the time to experiment with new forms of web input. The key is to build a baseline input experience that works everywhere and then progressively enhance to take advantage of new capabilities of devices if they are available.
Monday, December 28th, 2015
A useful primer on which combinations of attributes and values work best for which form fields:
Sunday, December 13th, 2015
It really isn’t hard to get the basics of accessibility right on the web …and yet those basics are often neglected.
Here’s a handy shortlist to run through, HIKE:
- H stands for headings and semantic markup.
- I stands for images and labels.
- K stands for keyboard navigation.
- E asks for you to ACT with a little extra love for custom components and more.
(ACT = ARIA, Colour Contrast, Text Size)
Wednesday, March 6th, 2013
Jessica’s handy guide to writing the right quotes and accents on a Mac keyboard.
Friday, January 4th, 2013
A great piece by Jason analysing the ever-blurring lines between device classes.
Mind you, there is one question he doesn’t answer which would help clear up his framing of the situation. That question is:
What’s a web app?
Tuesday, November 6th, 2012
Josh takes an-depth look at the navigation design implications of touch/keyboard hybrid devices, coming to a similar conclusion as Luke and Jason:
Unfortunately, the top-of-screen navigation and menus of traditional desktop layouts are outright hostile to hybrid ergonomics. Tried-and-true desktop conventions have to change to make room for fingers and thumbs.
Want to test for a hybrid device? Tough luck. Instead, argues Josh, the best you can do is assume that any device visiting your site could be touch-enabled.
Saturday, May 16th, 2009
Because everything goes better with keyboard cat.
Tuesday, February 10th, 2009
When localisation attacks. This is like a more morbid Douglas Adams vignette.
Monday, May 19th, 2008
I would kill to get hold of this Steampunk Mac mini, flat panel monitor and brass keyboard.
Sunday, November 26th, 2006
Handy Firefox keyboard shortcuts, courtesy of Derek.