#a11y - Liam Hammett

Sip app shows the name of colours, super useful for colourblind users!

Dec 2nd 2018 · #tweet #a11y

Being colourblind, one thing I really love about @sip_app is that I can just point at a pixel on the screen and immediately be told what colour it is — might seem like a small thing but this has been a pain for years until now pic.twitter.com/taIJ5XbqdW
— Liam Hammett (@LiamHammett) November 2, 2018

Screen-reading dates

Nov 13th 2018 · #tweet #a11y

What might look perfectly readable to the human eye may not be picked up very well by screen readers.

You might be able to read a date span like "14/11/2018 - 15/11/2018" perfectly fine and understand it, but VoiceOver makes a mess of it, instead saying:

"Fourteen slash eleven slash two-thousand-eighteen to two-thousand-fifteen slash eleven slash two-thousand-eighteen"#a11y
— Liam Hammett (@LiamHammett) November 13, 2018

As you can see, in this example, VoiceOver thinks the “2018 - 15” section is a single unit that should be read as “2018 to 2015”.

To give screen readers a fighting chance, you should always make sure to use more semantic elements available in HTML, such as <time>, if applicable.

Make your checkboxes more accessible

Sep 12th 2018 · #tweet #ui #a11y

🔥 Design your custom checkboxes so they're more accessible to users than the browser defaults#a11y pic.twitter.com/T6PyR3phzd
— Liam Hammett (@LiamHammett) September 11, 2018