A recent post from the Otto JS research team highlighted how spellcheck services can inadvertently exfiltrate sensitive user data, including passwords, from your site. To be honest, I found the post a tad alarmist and lacking when it came to recommending solid protections. Consider this your no-nonsense guide to protecting your users’ sensitive information.
Dispatches From The Internets
Spellcheckers exfiltrating PII… not so fast
Survey: Why America Is Obsessed with Subtitles
I began turning on subtitles when my kiddo was born. I spent a lot of time with him sleeping in my arms and wanted to be able to watch programs without waking him. That translated to watching videos with the sound lower and the captions/subtitles on. Six years later, it’s become a fixture of how we watch as individuals and as a family.
Seeing how many other rely on captions/subtitles gives me hope that we’ll continue to see improvements in how the text is presented (and accessed… I’m looking at you Discovery+).
How to talk about disability sensitively and avoid ableist tropes
The way we discuss people’s capabilities and disabilities is rife with ableist language and concepts. This piece from NPR offers a starting point for talking about disability without being offensive.
Salvaging linkrot with the Wayback Machine
While making some updates to the site, I did a 404 scan of my link blog and the results were… less than awesome. So I decided to work some Eleventy magic to recover from them.
E-Commerce Accessibility: Specifying UI Elements Using “Names”
For users relying on assistive technology such as screen readers, it’s … critically important to have programmatically determined names identifying various UI elements. … Doing so consistently with all interactive page elements will help ensure users using assistive technologies will be able to navigate through a site and complete a purchase successfully.
Could not have said it better myself. This article is chock full of excellent advice, not only on why names are important, but how to ensure your interactive components are properly named.
Designing Better Error Messages UX
As you’d expect, Vitaly’s deep dive into error message UX is a treasure trove of excellent, practical advice to make data entry better for your customers.
Why and How to Create Accessible Social Media and Website Content
This article contains so much excellent advice. It focuses on social media, but the lessons it shares are applicable well beyond social media.
Bring Focus to the First Form Field with an Error
While filling out a long form the other day, I couldn’t figure out why it wasn’t submitting. Turns out I’d forgotten to fill in a field, but I didn’t know that because it had scrolled out of the viewport. This is a common problem on the web, but easily remedied with a little bit of JavaScript.
Locking down your GitHub-hosted Domains
The other day someone claimed a hostname on a domain I own and it took me a while to track down how. After a lot of digging around, trying to figure out how the hijack was accomplished, it turns out it was via GitHub Pages.
No Comment 2: The Webmentioning
You can now use webmentions in Eleventy via a plugin rather than rolling the whole thing yourself.