Skip to content.
Adrian Roselli
Computer Vision Generative Model RTFM

Search Results: where

If the results below are no good, you can try searching the site via Duck Duck Go, searching via Bing, or even via Google.

Make Your Vine Archive Accessible & Future-Proof

Well, make it accessible at least. Context: Seriously, even the pagination is made of non-links and non-buttons. These developers are now building other platforms. Poorly. pic.twitter.com/kETE6Dv0IS— Adrian Roselli (@aardrian) January 18, 2017 Step 1: Capture the Rendered HTML Open your browser developer tools and copy the entire thing into a…

Posted:

Tags: accessibility, html, standards, usability, UX

Avoid Messages Under Fields

Sometimes we fail to consider how browser features can jack up our interfaces. This is neither good nor bad, but we do need to account for it. My argument here is simple. Avoid putting important actionable or informational text exclusively below form fields. This includes labels, hints, and error messages.…

Posted:

Tags: browser, design, mobile, usability, UX

Accessible Emoji, Tweaked

Warning: The approach outlined in this post does not conform to WCAG 2.1 Success Criterion 1.4.13 Content on Hover or Focus, introduced in 2018 (two years after this post date). The CSS-only tool-tip described within cannot be dismissed and is not persistent. If you want to enhance it with JavaScript…

Posted:

Tags: accessibility, ARIA, css, design, html, pattern, print, usability, UX

Don’t Re-Create Browser Features

There has been some discussion lately around, of all things, text resizing widgets on web sites. It was kicked off by a post from Jeffrey Zeldman suggesting that perhaps it is time to bring them back. Even mighty responsive design benefits from offering a choice of font sizes—because there are…

Posted:

Tags: accessibility, browser, design, fonts, overlay, usability, UX

Web Development Advent Calendars for 2016

The chocolate in that calendar was terrible. Terrible enough that I keep re-using this photo since I do not want to buy a new calendar. For a few years now web developers around the world have celebrated Saturnalia Christmas with advent calendars covering topics related to the web. Some come…

Posted:

Tags: css, design, html, standards, UX

a11y = Accessibility

TL;DR: a11y is shorthand for accessibility. Those middle characters are the number one, not lower-case Ls. Say it as A-one-one-Y or A-eleven-Y. Numeronym The a11y you may see on Twitter was not invented just to help such a long word fit into a tweet. It, and others, have been around…

Posted:

Tags: accessibility, internationalization, localization

Building Custom Documentation into Your WordPress Site

A few months ago (that read “days ago” when I started this post in April) I attended WordCamp Buffalo and saw a great talk on training and educating clients for using WordPress by Jen Witkowski (you can view her slides). While there is a free, regularly-updated, and unofficial manual (Easy…

Posted:

Tags: pattern, project management, usability, UX, WordPress

Tweaked ‘Better Method’ YouTube Embed

Last week Amit Agarwal posted a great tutorial on making YouTube embeds less of a burden for users, A Better Method for Embedding YouTube Videos on your Website. The abstract: Learn how to embed YouTube videos responsively and without increasing the page load time. The embeds are light and mobile…

Posted:

Tags: css, html, JavaScript, pattern, usability, UX, YouTube

There Is No Document Outline Algorithm

I figured I would state the entire argument in the title. After all, as of this writing and the last seven-plus years, the statement is accurate as far as the browsers are concerned. I am penning this as sort of a follow-up to my post from 2013, The Truth about…

Posted:

Tags: accessibility, html, JavaScript, rant, standards, W3C, WCAG

My Slides from Abstractions

Slides from my talk at Abstractions, Fringe Accessibility. Note: Below are the animated images that were in my slides but which did not survive in the transition to SlideShare. They are all quite large and will take time to load. If you want to save on your data plan, hit…

Posted:

Tags: accessibility, css, html, slides, speaking, standards, usability, UX, W3C, WAI, WCAG

A Response to Thoughts on HTML5

This is a response to Thoughts on HTML5 by Janus Boye over on Medium. You can read this response on Medium as well. At the time of this writing, there is one response to my comment. I am re-creating it here because I feel strongly that relying on a third-party…

Posted:

Tags: accessibility, html, standards, W3C, WCAG

Stop Throwing Away Your Content

It is not uncommon for individuals and even entire organizations to rely on some third party platform to host all their thought-leadering. Medium is the common choice, but many use other platforms as well, such as LinkedIn. While many argue that the reach is better and it is easier than…

Posted:

Tags: internet, rant, usability