@lloydi

436 Followers
308 Following
406 Posts

Cheese-hoover. Fan of classic VWs. Author of some dusty old tech books. Principal Accessibility Specialist at TetraLogical. Once patted a quokka.

๐ŸŽถ I made some music!
๐Ÿ”Š New KZ1 album:
https://album.link/npxs4g3qvg902

Webhttps://a11y-tools.com/
Githubhttps://github.com/lloydi
DJ Mixeshttp://slapmypitchup.com/
Soundcloudhttps://soundcloud.com/lloydi
lloydiMar 13

Friday Bookmarklet Drop!

๐Ÿ‘‰ Structure Revealer - a tool to highlight important structural elements on a page

Get the bookmarklet here: https://a11y-tools.com/bookmarklets/#structurerevealer

More info here:
https://a11y-tools.com/blog/2026/03/new-bookmarklet-structure-revealer/

#a11y #accessibility #tools #webdev

lloydiMar 7
Stu RobsonMar 6

Nelson was 5ft 6in. Their statue is 17ft 4in.

Thatโ€™s Horatio of nearly 3:1.

Show threadlloydiJan 13
I need to sort out the naming. Icon says 'Copy tabs', extension heading is 'Copy tab URLs' and the extension is named 'Tab URLs and headers copier' ... ugh. Mr Consistency. I went for 'headers' as it might pick an H1, h2, but might fall back to TITLE, so I avoided 'heading'. Should I change?
lloydiJan 13

Another tool I put together a while back but only just submitted it - a little tool that copies URLs of open tabs and copies to clipboard in various formats:

Tab URLs and Headers Copier - https://chromewebstore.google.com/detail/tab-urls-and-headers-copi/aihjinjkflnkieenlcjcehfklcbomepk

Tab URLs and Headers Copier - Chrome Web Store

Copy URLs and H1/H2 content from all open tabs

lloydiJan 13

Something I did a while back but noticed that I never linked to it from a11y-tools home page: a GitHub repo for PolyPane workspaces that are geared to accessibility testing:

๐Ÿ‘‰ https://github.com/lloydi/PolyPane-Config

So, you might not be aware of these and find them useful.

#testing #tools #accessibility #a11y #polypane

lloydiJan 10
Having a bit of a clearout/tidy-up and found an old WebAim DVD. Remember them? DVDs, not WebAIM ;) #accessibility #a11y
lloydiJan 9

First Friday of the new year! Well, almost the first. Time for a new bookmarklet ๐Ÿ˜Š

Link opener: https://a11y-tools.com/bookmarklets/#linkopener

- Click on any node on a web page and find all links contained inside
- Copies all links to clipboard
- Opens all links in new window

#a11y #accessibility #tooling #tools #webdev #testing

lloydiDec 14
Show threadManuel Matuzoviฤ‡Dec 13

On day 13 @lloydi presents one of my favourite debugging tools. #htmHellAdventcalendar

https://htmhell.dev/adventcalendar/2025/13/

Hell is other people's markup - HTMHell

A collection of bad practices in HTML, copied from real websites.

Hell is other people's markup - HTMHell
lloydiDec 3
I'm not a Christmas person; quite happy for it to be done-and-dusted and get into January (even if January is itself a bit grim), but one highlight I *can* get behind is the HTMLHell advent calendar. Every day there's a carefully selected article on all manner of HTML things put together lovingly by Manuel Matuzovic. We're three days in, so enjoy the offerings so far, and enjoy those still to come! https://www.htmhell.dev/adventcalendar/ #html #accessibility #a11y #webdev #webdevelopment #standards
HTMHell Advent Calendar 2025 - HTMHell

An article, talk, or tool that focuses on HTML every day until Christmas.

HTMHell Advent Calendar 2025 - HTMHell
Show threadlloydiOct 10
A little video demo, showing it in action. Shows the selection of the element, then it clones it 5 times and shows 5 states for the button selected.