Skip to content.
Adrian Roselli
Natural Language Processed Virtualization Framework RTFM

All Posts

Keyboard-Only Scrolling Areas

I have spent a few years banging on about ensuring scrolling areas on a page are accessible to keyboard-only users. This is partly because the term “keyboard” maps to other input types that we distill to “keyboard” for ease of reference (speech input, sip-and-puff, on-screen keyboards, scanning software, etc.). When…

Posted:

Tags: accessibility, browser, Edge, Firefox, Safari, usability, UX

The Performative A11yship of #GAAD

For context on the title, working backward from the end, GAAD is Global Accessibility Awareness Day. Its purpose, as explained at accessibility.day, is to get everyone talking, thinking and learning about digital access/inclusion and people with different disabilities. A11yship is a play on the numeronym for accessibility (a11y) and the…

Posted:

Tags: accessibility, rant

24×24 Pixel Cursor Bookmarklet

The proposed WCAG version 2.2 has gone through a bunch of revisions since I covered the first draft in 2020. One new success criterion that persisted is 2.5.8 Target Size (Minimum) at Level AA (its name changed from “Pointer Target Spacing”). For background, WCAG 2.1 introduced 2.5.5 Target Size, mandating…

Posted:

Tags: accessibility, browser, standards, WCAG

A “Best viewed with…” Gag

I made some pointless things again. The First One See the Pen Best viewed in… by Adrian Roselli (@aardrian) on CodePen. A spinning box for each word is not exactly a compelling interface element, I admit, but I based it off this old tweet that was sitting around in a…

Posted:

Tags: browser, css, html

Under-Engineered Multi-Selects

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 Responsive Tables Under-Engineered Select Menus Under-Engineered Dependency Questions This post is not about <select multiple> nor a bunch of <div>s roled-up into a listbox with aria-multiselectable. Both the APG examples and…

Posted:

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

Brief Note on Buttons, Enter, and Space

Keyboard interaction note for just one control from the entire panoply of HTML controls: A native <button> fires on key down when that key is Enter. If you hold down the Enter key, it continues to fire for as long you hold Enter (or something crashes). A native <button> fires…

Posted:

Tags: browser, html, pattern, UX

My Cease & Desist from AudioEye

On Tuesday April 5, 2022, a FedEx driver dropped off an overnight envelope from Manhattan. It contained a three page Cease & Desist letter from Cozen O’Connor, the law firm representing AudioEye, Inc. On Thursday April 14, 2022, I received a follow-up letter by the same delivery method. I scanned…

Posted:

Tags: accessibility, overlay

Keyboard Challenges for Twitter’s New ALT Badge

On 7 April 2022, Twitter added a feature to let all web users display the alternative text on images in tweets. I am glad to see this feature in the wild for everyone. It has some issues, however, which complicate the experience for sighted keyboard users. The following video demonstrates…

Posted:

Tags: accessibility, ARIA, css, html, Twitter, usability, UX

Accessible Description Exposure

If you have little experience with ARIA, screen readers, or testing in general, understanding accessible descriptions can be trickier than understanding accessible names (already confusing for many). I have written explanations so many times for clients and in fora that I opted to put this together so I maybe never…

Posted:

Tags: accessibility, ARIA, browser, standards

Foolishly Responsive

Honoring April Fools’ Day I have created a foolishly responsive accordion control. Typically a responsive effort shoehorns a large pattern into a narrow viewport, often based on iDevice screen sizes. Less typically a responsive layout will also consider viewport height, and far less typically a responsive layout might even consider…

Posted:

Tags: accessibility, design, usability, UX

Maybe Don’t Use Flow Charts on GitHub

In February the GitHub blog announced users would be able to Include diagrams in your Markdown files with Mermaid. I thought this was nifty, and even noticed on an initial scan that they considered screen reader users. Until I read this (since deleted): …clients requesting content with embedded Mermaid in…

Posted:

Tags: accessibility, html, SVG

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