xirclebox

@xirclebox.com

Front-end Dev / Recording Artist / Speaker / Certified A11y Professional (CPACC) / Scuba Diver / Psychologist / Muso Shinden Ryu / PHA F&AM / rightbadcode.com

QQ about Dark Mode Toggles on websites How many options do you show to users? - Three values: System, Light, or Dark - Two values: Light, Dark (with one of them mapping to “System” behind the scenes). Why the one or the other? (I have an opinion about it, but I’m looking for external input)

“Link + Popover Navigation” adrianroselli.com/2026/07/link... With `popover` support now extant, you can ditch the disclosure widget version and go JS-free. If you don’t like my layout choices (or SVGs), I link to variants from readers. There’s also a linked polyfill. #HTML #accessibility #a11y

Link + Popover Navigation

This is a redress of my 2019 post Link + Disclosure Widget Navigation, except (as the title implies), I’ve modified it to use native HTML popovers instead of ARIA or HTML disclosure widgets. Popover h...

adrianroselli.com

What started out as a single bookmarklet I built months ago to help me with an accessibility audit turned into a full-blown side quest, because...why not? Anyway, I'm happy to share SpotCheck. It's a set of bookmarklets for spot-checking accessibility issues. www.spotcheck.tools #Accessibility

SpotCheck: an Accessibility Bookmarklet Toolkit

SpotCheck is a collection of free bookmarklets for testing common accessibility issues. Each tool is mapped to the WCAG 2.2 success criteria it covers.

spotcheck.tools

ok. I've reached the point that if I edit this code any further, I'm going to break something. It is what it is. I'm up here chasing perfection for zero reasons.

Me: I'm not sold on the name. It's so literal, but that's good for SEO, not so much for branding though. @donnie.damato.design : "Accessibility Bookmarklet Toolkit" is what you're not sold on? I mean it is a bit of a mouthful me: just a bit. Back to the drawing board, literally.

🌿 A new version of the Web Sustainability Guidelines is out! www.w3.org/TR/web-susta... Updates include: - Impact Measurement + Impact API - Lots of small tweaks following peer review - Improved tone of voice and readability, new introduction Changelog: github.com/w3c/sustaina...

Web Sustainability Guidelines (WSG)

Web Sustainability Guidelines (WSG) provide actionable recommendations to help digital teams make informed, sustainable decisions. In considering different aspects of work and the web, these guideline...

w3.org