How not to use the label element


HTML Source Code.

HTML is magic. It comes with all sorts of great usability and accessibility features. But people often ignore them or misuse them. Take a look at these checkboxen: If you click on this label, nothing happens. If you click on this label, the checkbox will toggle This is important. Tapping on tiny squares is hard […]

Continue reading →

Accessibility of macOS - large cursor hides tooltips


Cursor obscuring tool tip.

Apple's attitude to usability is... complex. The general attitude of "you're holding it wrong" seems to be prevalent across all their products. I like having a large mouse cursor. I find it easier to see on my large monitor, especially when sat at a safe distance. But, if I use a large cursor - I […]

Continue reading →

Accessibility is a public health issue


A tweet which says "From the chair of surgery at Columpbia Presbyterian." There is a big blank image afterwards.

Dark times, my friends. Dark times. It's up to all of us to pull together. And that means making vital health information accessible. One of the easiest things you can do is make your Twitter content accessible is by adding descriptions to your images. Go to twitter.com/settings/accessibility and turn on "Compose image descriptions". Here's why. […]

Continue reading →

I feel hopeless, rejected, and a burden on society - one week of empathy training


A mouth covered with tape. Taken by Jenniffer Moo.

I've spent a week cosplaying as a disabled user. And I hate it. A couple of months ago, I attended a private talk given by a disabled colleague of mine. "Everyone should believe disabled people's stories about accessibility problems," she said. "But, given that people don't, here's what I want you to do. Spend one […]

Continue reading →

Chromebooks aren't accessible - a five-year-old bug


I was in need of a new laptop, so I bought a cheap ChromeBook - mostly because Amazon could deliver it the same day. Sadly, the trackpad was broken. Before I sent it back, I thought I'd try using a mouse with it. That's when I discovered that accessibility is very much a second thought […]

Continue reading →

Co-Op Bank - Making Banking Inaccessible


Screenshot of the scope website showing a donation of £25

I've blogged before about how backward the Co-op bank is - sadly, they've not improved in the last few years. I needed to close down my business bank account. I hopped on to online banking, provided all my details, went through 2FA with a physical token, remembered my mother's maiden name and began searching the […]

Continue reading →

Noli scribere Latine imaginem describere


Screenshot of the Post Office website showing lots of seemingly unrelated pages

When I'm bored, I like to search websites for the "Lorem Ipsum" placeholder text. It's a quick way to find discarded pages and test content. I was particularly confused that the UK's Post Office had a dozen pages containing that little Latin phrase. A quick dive into one of the pages, found this enlightening snippet […]

Continue reading →

Review: Accessibility for Everyone


Accessibility for Everyone book cover

Accessibility for Everyone (ISBN: 978-1-937557-61-4) by Laura Kalbag. Published by A Book Apart A brilliant look at why accessibility is so important - and the practical steps everyone can take to ensure it is at the centre of web design. Rating:5/5 Reviewed by Terence Eden My mate Laura has written a book! She has very […]

Continue reading →

Where do these arrows point?


This is a blog post about user interfaces. I was wandering along the beach one day, when I noticed some clever chap had drawn some arrows in the sand. Can you guess where they led? The more astute of you will have realised that these are not human drawn arrows. They are, of course, footprints […]

Continue reading →

Accessibility - you can't search Twitter for Alt-Text


Twitter has recently improved the accessibility of its site. When uploading an image, a user can add alt text - a short description of the image for people with visual impairments. Here's an example: This is a test to see if alt-text in images is searchable on Twitter.alpaca omnithorp pic.twitter.com/JHgCSaXpKd — Terence Eden (@edent) February […]

Continue reading →