Skip to content.
Adrian Roselli
Decentralized Machine Learning Overlay IPA

All Posts

You’re Unselectable

This block of code came across my Twitter timeline today framed as a CSS tip to prevent text selection on a web page: html { user-select: none; } For funsies, I dropped that CSS on this very page you are reading (assuming you are reading it in the browser). It…

Posted:

Tags: css, JavaScript, rant, usability

ADA Web Site Compliance Still Not a Thing

Photo courtesy Steve Faulkner, taken outside the CSUNATC 2022 venue after we had chicken and rice, free from the food desert of the venue. Who has two thumbs and is not a lawyer? For years I have worked with clients who refer to digital/web accessibility as ADA work. They have…

Posted:

Tags: accessibility, law, overlay, standards

#FACILiti Will Get You Sued

Disclaimer: This post and the headline is my opinion. I provide verifiable facts throughout to inform that opinion. I am also not a lawyer and this post does not constitute legal advice. FACIL’iti is one of many vendors that claims its accessibility overlay product can make your site “accessible”. Like…

Posted:

Tags: accessibility, overlay, rant, standards, UX

Overlays Underwhelm: a11y NYC

Following is the live stream of the talk from YouTube. Owing to Fat Tuesday, I stepped away from a feast of gumbo, jambalaya, red beans & rice, and etouffee to give this talk (and went back for king cake immediately after). Which explains the beads. Which, it turns out, were…

Posted:

Tags: accessibility, overlay, slides, speaking

Support for Marking Radio Buttons Required, Invalid

The required set of radio buttons. The white whale to many a developer who is trying their darnedest to ensure they are conveyed accessibly while not also making it sound like every individual radio button must be toggled. 1961 Cadillac Wonderbar dashboard radio by Nicholas Lucien (cropped). CC BY 2.0.…

Posted:

Tags: accessibility, ARIA, html, pattern, standards, usability, UX

Column Headers and Browser Support

Data tables need column headers. Monolitten, a granite column of humans (each with a head) at Vigelandsanlegget, a sculpture park in Frognerparken in Oslo, Norway. What they probably do not need is a new set of column headers every few rows, particularly not when they change the meaning of the…

Posted:

Tags: accessibility, browser, html, tables

Accessible Cart Tables?

The online holiday shopping coupled with my need to make a new invoice template got me looking at a common table structure that is harder to expose to screen readers than it seems at first glance. One I first coded in, checks watch, 1997 when I was an ecommerce developer…

Posted:

Tags: accessibility, html, pattern, tables

More Google and Afterthought Accessibility

Google has an extensive history of releasing products and tools that fail basic accessibility. This is not a function of individuals — Google has some very talented and capable accessibility practitioners. Instead, this is an organizational failure. Failure to require accessibility in its products or services. Failure to support teams…

Posted:

Tags: accessibility, ARIA, css, Google, html, standards, UX, WCAG

Experimenting with Text and CSS background-clip

Moving and Flashing Warning: Each of the examples in this post has animations. Continuous animations honor your system settings to reduce animation. You can also hide the rendered HTML in the embedded CodePens by hitting the “Result” control. The CSS background-clip property controls how much a background extends under a…

Posted:

Tags: css, design

Under-Engineered Dependency Questions

Others in this sorta-series: Under-Engineered Custom Radio Buttons and Checkboxen Under-Engineered Toggles Under-Engineered Toggles Too Under-Engineered Text Boxen Under-Engineered Select Menus A common interface pattern allows users to choose one item from a pre-defined set of choices, while still allowing them to add a custom selection if nothing else fits.…

Posted:

Tags: accessibility, css, html, pattern, usability, UX

Web Development Advent Calendars for 2021

Got myself one of those Bonne Maman jelly/jam advent calendars and am very much looking forward to opening the first day and all subsequent days. Web developers around the world have given a nod to Saturnalia solstice Isaac Newton’s birthday Christmas with advent calendars covering web-related topics. As a result,…

Posted:

Tags: accessibility, css, design, html, internet, standards, UX

Overlays Underwhelm: Web Directions AAA 2021

A collection of images, videos, tweets, articles, and links referenced in my talk for Web Directions AAA 2021. This may not make much sense if you did not attend the talk. Or even if you did. Intro I had the title before I had the content. I tried to shoehorn…

Posted:

Tags: accessibility, overlay, slides, speaking