Adding a language tag to image elements

by @edent | , , , | 2 comments | Read ~233 times.

Text in a mixture of Chinese and English.

(You may already know this, but I didn't. Every day is a school day.) HTML has the concept of the lang attribute. It allows you to say that a specific element contains text in a specific human language. For example, this page starts with: <html lang="en-GB"> That says the entire page is written in English,…

3 years to fix bad alt text

by @edent | , | Read ~208 times.

HTML code. The alt text of the image is in Latin

Back in 2017, I noticed that the UK Post Office was doing very dodgy things with their alt text. Lots of their pages had this snippet of code: Rather than add properly accessible alt text, a developer added placeholder Latin text. Being a good webizen, I tried to report this. Hi Terence, we are looking…

Making Time More Accessible

by @edent | , , | 4 comments | Read ~1,672 times.

Dev tools showing the HTML code behind the BBC news site.

There's an HTML element called <time>. It is a semantic element. That means robots can read and understand it. For example, if my code says: <p> The concert is <time datetime="2020-12-24">tomorrow</time> </p> Then the computer knows the specific date I'm talking about. A browser could offer to add the event to your calendar, or a…

Dark Mode and Transparent Images

by @edent | , , , | 3 comments | Read ~425 times.

A Hhrd to read image. The text is black, but so is most of the background. Bits have a white background.

Dark Mode is the new cool. Apps which automatically switch to an eye-friendly palette when lighting conditions are poor. Nifty! Most of the time, it's as simple as making the text a lightish colour, and the background a darkish colour. But all that fails when you use transparencies in images. Here's a quick example. Using…

Improving WordPress Video Accessibility

by @edent | , , , , | 2 comments

A video with an easy to see play button.

In order to provide a video playback UI, WordPress uses the excellent MediaElement library. Recently, I discovered a slightly annoying flaw - I couldn't see the play button! Here's a screenshot of the video UI. In the middle of this screenshot is a white play button. I have trouble seeing it, because the video's background…

A small accessibility improvement to WordPress

by @edent | , , , | 6 comments | Read ~156 times.

An upload screen - there's a large text box for the image description.

My mate, the accessibility specialist Léonie Watson, has this to say about how we improve the world, piece-by-piece: Accessibility doesn't have to be perfect, it just has to be a little bit better than yesterday. Source: Twitter Damn straight! One of the best ways we can make tomorrow slightly better than today is by making…

Accessibility of macOS - large cursor hides tooltips

by @edent | , , , , | 2 comments | Read ~120 times.

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…

Accessibility is a public health issue

by @edent | , , | 3 comments | Read ~270 times.

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.…

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

by @edent | , , , | 5 comments | Read ~3,134 times.

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…

Digital Justice Part 2 - It Just Gets Worse

by @edent | , , , | 2 comments | Read ~572 times.

3 page CPS form - lots of little boxes to fill in.

Regular readers will know about my recent court visit. I was grumpy about the lack of connected digital services within the court. As I left court, I asked if there was anything they needed me to fill in or sign. They said there wasn't. I just sort of assumed that I wouldn't get any expenses…