Skip to content.
Adrian Roselli
Leveraged Algorithm Intelligent Agent CLI

All Posts Tagged: usability

AI-Generated Images from AI-Generated Prompts

As the world’s leading expert on a people-first approach to computer vision, I am dedicated to providing insights that enable designers, developers, and copywriters to create accessible images at the highest possible velocity. A velocity so high, in fact, you can almost hear the point whistling over their head, like…

Posted:

Tags: accessibility, usability, UX

JAWS, NVDA, and VoiceOver Braille Viewers

First, a very important qualifier — this does not represent how Braille display users experience the web. All this post does is show how to enable the Braille display emulators in JAWS and VoiceOver. This can be handy when testing issues reported by users and you do not have a…

Posted:

Tags: accessibility, browser, usability, UX

Your Accessibility Claims Are Wrong, Unless…

Now that it is a market differentiator to talk about accessibility in projects, that’s all many do — talk about it. In a sea of pop-dev noise, “accessibility” can be claimed with little risk someone will challenge it. If someone does, the response is often a fine balance between silence…

Posted:

Tags: accessibility, browser, rant, standards, usability, WCAG

Conveying All-Caps Legal Text

I need your help. Legal documents are common on the web. Each site that has a Terms of Service written in impenetrable and indecipherable legalese, like this sentence, delights in that complexity to dissuade users from reading it and realizing just what they are giving up. “Am”, “add”, and “it”…

Posted:

Tags: accessibility, html, law, usability, UX

AI-Generated Images from AI-Generated Alt Text

Dear sighted reader, I want you to read this post without looking at the images. Each has been hidden in a disclosure. Instead, read the alternative text I provide and visualize how it may look. Then read the automatically generated alternative text, and try to visualize it then. Consider how…

Posted:

Tags: accessibility, usability, UX

Brief Note on Dismissing Selects and Listboxen

Native controls can be different from their roled-up ARIA equivalents in a variety of ways. For example, an expanded native HTML <select> on mobile behaves differently when the dismiss gesture is used than when the same gesture is used with an expanded ARIA listbox. Using Android with TalkBack, a down-then-left…

Posted:

Tags: ARIA, html, mobile, touch, usability, UX

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

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

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

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

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