Tag: accessibility
-
CSS Lightbox with Alt Text Viewer
Off the back of my details/summary-based semantic HTML+CSS lightbox, I've come up with a way to add Mastodon-like 'show alt text' widgets in the same way, and I'll be applying both to images on my blog's new theme, in the New Year.
-
Egencia Mailing List Accessibility
A special level of accessibility failure on Egencia's mailing list subscription management page: the labels for choosing which individual mailing lists to subscribe to are properly-configured, but the "unsubscribe all" one isn't. Click the words "unsubscribe all" and... nothing happens.
But it gets better: try keyboard-navigating through the form, and it's hard not to unsubscribe from everything, even if you didn't want to! As soon as the "unsubscribe all" checkbox gets focus, you get instantly unsubscribed: no interaction necessary. -
Developing an alt text button for images on my website
James has come up with a fun way to do Mastodon-like alt-text-bubbles. I'm intrigued, and am looking forward to expanding on the idea when I get the chance to try implementing it on my own blog.
-
Details/summary lightboxes in pure HTML + CSS
For years, I've been using a HTML+CSS-only technique for popover 'lightbox' images on my blog. Now I've come up with a more-semantic way to do the same, and its HTML code is tidier too!
-
Avanti's Accessibility Failure
Train provider Avanti's website may be accessible... but their emails, which you need to interact with to USE their website... are not. It's simply not possible to verify your email address if you use a screen reader, and there's no guest checkout option.
-
I noticed that automated emails from Steam weren't doing alt-text very well. Some image links had no or inadequate alt-text. (Note that Steam don't support opting for plain text rather than HTML emails.)
I'm fortunate enough to depend upon alt-text never-to-rarely. But I prefer not to load remote images, so I still benefit from alt-text.
I filled out a support request to Steam layout out the specific examples I'd found of where they weren't doing very well, and stressing why it's (morally, legally, etc.) important to do better.
And you know what: they quietly fixed it. When I received an email today telling me that something on my wishlist is on sale, it had reasonably-good alt-text throughout. Neat.
-
Generative AI use and human agency
Joanna Bryson's put together an absolutely fantastic list of considerations about the use of AI, and two of her points do a better job than I did at saying what I was trying to, last week.
-
I replied to Steve Faulkner's 2022 post about screen readers and emoji, highlighting the underlying interpretation problem with emoji, and sharing a topical joke that Chris McCausland made on Would I Lie To You? a few years prior.
-
Test your site in Lynx
Testing your website in Lynx or another text-mode browser can help you find find where you've become dependent upon JS and CSS. Let's see how much of DanQ.me breaks when it's deprived of advanced Web functionality!
-
Lightboxes Without JavaScript
An image lightbox overlay with no JavaScript whatsoever? Absolutely. Here's how I do it.
-
Better WordPress RSS Feeds
I've been adding bonus features to my blog's RSS feeds for a while now. Wanna hear about them?
-
Email Tracking and Paperless Banking
Dan's paperless baking gets taken away when he doesn't consent to them tracking when and where he reads their emails.
-
Why the GOV.UK Design System team changed the input type for numbers
GOV.UK is changing the way they use "numeric" fields on websites, and the research that backs their decision is, as usual, excellent.
-
BingO Bakery
A fun retro-game style video from Microsoft giving a basic grounding in Web accessibility technologies.
-
Building the most inaccessible site possible with a perfect Lighthouse score
Manuel Matuzovic worked hard to make a web page that's violates so many accessibility rules but still passes a computerised audit.