Skip to content.
Adrian Roselli
Decentralized Non-Fungible Intelligent Agent SME

All Posts Tagged: 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

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

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

#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

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

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

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

Blaming Screen Readers 🚩×5

The title of this post is pretty specific. It relates to the meme on Twitter where users identify a trait or preference that they see as problematic, and identify it as a red flag. The emoji represents the red flag. For example: A stylized red flag Blaming Screen Readers 🚩🚩🚩🚩🚩…

Posted:

Tags: accessibility, browser, rant, usability, UX

#UserWay Will Get You Sued

Disclaimer: This post and the headline is my opinion. I provide verifiable facts throughout to inform that opinion. I say this because French overlay vendor FACIL’iti has filed at least two frivolous lawsuits, and given overlay vendors tend to follow the same business practices, it is reasonable to assume UserWay…

Posted:

Tags: accessibility, overlay, rant, standards, UX

Sentence Forms (not Mad Libs)

Whether you call them sentence forms, narrative forms, fill-in-the-blank forms, or Mad Libs forms, you are probably describing a form where the fields are interspersed within words in a sentence. Unlike more traditional forms, laid out with simple pairings of labels and fields, these forms are meant to be read…

Posted:

Tags: accessibility, html, pattern, usability, UX