Kevin Marks
Well, details is in chrome and safari so you have android and iOS covered. The fallback is to show all the expanded content, which is more ok on IE and Firefox as they’re on big screens mainly
Introducing A11y Toggle
Here’s a bit of convergent evolution: Hugo’s script is similar to what I wrote about recently.
He also raises a point that Kevin mentioned:
I would like to investigate on the
detailsandsummaryelements as they are basically a native implementation for content toggles.
For some reason details never got much browser love, even though it’s clearly paving a well-trodden cowpath.
Responses
Related links
Developing an alt text button for images on my website | James’ Coffee Blog
I like the idea of adding this to personal websites:
Mastodon shows an “Alt” button in the bottom right of images that have associated alt text. This button, when clicked, shows the alt text the author has written for the image.
80 / 20 accessibility · marcus.io
So my observation is that 80% of the subject of accessibility consists of fairly simple basics that can probably be learnt in 20% of the time available. The remaining 20% are the difficult situations, edge cases, assistive technology support gaps and corners of specialised knowledge, but these are extrapolated to 100% of the subject, giving it a bad, anxiety-inducing and difficult reputation overall.
The Web Accessibility Cookbook
Manu’s book is available to pre-order now. I’ve had a sneak peek and I highly recommend it!
You’ll learn how to build common patterns written accessibly in HTML, CSS, and JavaScript. You’ll also start to understand how good and bad practices affect people, especially those with disabilities.
Home - Sa11y
Another handy accessibility testing tool that can be used as a bookmarklet.
Write Alt Text Like You’re Talking To A Friend – Cloud Four
This is good advice:
Write alternative text as if you’re describing the image to a friend.
Related posts
Awareness
Turning accessibility awareness into action with HTML.
The intersectionality of web performance
Business, sustainability, and inclusivity.
Assumption
Separate your concerns.
Alt writing
Aiming for originality and creativity in alt text.
Image previews with the FileReader API
Adding `alt` text to uploaded images.