Skip to content.
Adrian Roselli
SaaS Blockchain Token CRT

All Posts Tagged: UX

Be Careful with Dynamic Accessible Names

Many of my clients try to reduce the number of controls on a screen by replacing them with single controls that change their name based on their purpose (what they unironically call reducing complexity). For example, presenting a download button that also acts as its own progress indicator and completion…

Posted:

Tags: accessibility, ARIA, html, UX, WCAG

Web Development Advent Calendars for 2020

This is why you never go to the (locally- and independently-owned) grocery store on an empty stomach. Web developers around the world have celebrated Saturnalia solstice Isaac Newton’s birthday Christmas with advent calendars covering web-related topics. As a result, you may recognize some of the ones listed below. Every year…

Posted:

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

More Accessible Skeletons

I had this post queued up for Halloween because, come on, skeletons, and then life did its thing and now it is a … Thanksgiving post? Many skeleton patterns do a poor job presenting themselves to screen reader users in any meaningful way. They often stuff aria-busy into their widget,…

Posted:

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

Alternative Text for CSS Generated Content

Relying on images that come from CSS has always been risky from an accessibility perspective. CSS background images, in particular, must either be purely decorative or be described to the user in some way. The risk is no different for images coming from CSS generated content using content: url(foo.gif) (typically…

Posted:

Tags: accessibility, browser, css, standards, usability, UX

Dialog Focus in Screen Readers

Creating an accessible dialog on the web is trickier than it should be. Lack of support for the <dialog> element, the need for fundraisers to get inert into WebKit, inconsistent support for the ARIA dialog role, and other annoyances make them problematic. Scott O’Hara has spent a few years covering…

Posted:

Tags: accessibility, browser, html, usability, UX

Sortable Table Column Mad Libs

Visually and functionally sortable column headers on tables are straightforward (I have a post on that coming soon). However, making them accessible can be a bit frustrating. To clarify, making them accessible to screen readers is frustrating. I wrote the post I promised in the opening: Sortable Table Columns There…

Posted:

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

Speech Viewer Logs of Lies

The headline is intentional hyperbole, chosen mostly for the sloppy alliteration. When sighted users test with a screen reader it is common to rely on the visual output — checking to see where focus goes, confirming that controls behave, watching the spoken output in a text log. The problem is…

Posted:

Tags: accessibility, usability, UX

ARIA Grid As an Anti-Pattern

First I will cover what an ARIA grid is per the ARIA specification, and then I will discuss two patterns proposed by the ARIA Authoring Practices. ARIA 1.1 Data Grids Layout Grids As Defined The Provided Examples 1. Simple List of Links 2. Pill List For a List of Message…

Posted:

Tags: accessibility, ARIA, ARIAbuse, rant, standards, UX

#accessiBe Will Get You Sued

Disclaimer: This post and the headline is my opinion. I provide facts throughout to inform that opinion. I say this because accessiBe managed to get $40 million in two rounds of funding from K1 Capital and I am guessing some of that money will be allocated to attorney fees. I…

Posted:

Tags: accessibility, rant, standards, UX

How Not to Deploy a Twitter Feature

Twitter announces a new feature is rolling out for iOS, the ability to record audio tweets. It demonstrates this with an uncaptioned video of its Twitter avatar making bird noises: Tweets with audio are rolling out on iOS and we only have one thing to say about it pic.twitter.com/CZvQC1fo1W Twitter…

Posted:

Tags: accessibility, rant, Twitter, UX

Avoid aria-roledescription

HTML has all sorts of built-in features that, when used correctly, are accessible, will localize, and which just work. For example, if I want a button, I use <button>, and a screen reader will announce it as button. For users in other languages, they will hear whatever is their word…

Posted:

Tags: accessibility, ARIA, ARIAbuse, browser, rant, standards, UX

When Is a Vetted Pattern No Longer a Vetted Pattern?

The moment you change it. As soon as you start to tweak the underlying code or aspects of the design, you run the risk of introducing bugs. That part should be easy for any developer to understand. The tougher part to get your arms around is that once you add…

Posted:

Tags: pattern, usability, UX