Skip to content. Adrian Roselli Consultant, Writer, Speaker

All Posts Tagged: usability

Speaking at WordCamp London

This March (next month!) I will be flying over to London to speak at WordCamp London over 17 to 19 March. The description in its own words: WordCamp London is a community organised WordPress event running for the fourth year since 2013. It’s aimed at anybody who uses, builds or…

Posted:

Tags: accessibility, speaking, standards, usability, WCAG

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

Speaking at MinneWebCon

This May I will be traveling to Minneapolis to speak at MinneWebCon. In its own words: MinneWebCon is a two-day web conference in Minneapolis that encourages inclusive grassroots knowledge-sharing. In addition to keynote speakers, breakout sessions, and half-day workshops, our annual conference is a space for speakers and attendees to…

Posted:

Tags: accessibility, speaking, standards, usability, UX

Accessible Emoji, Tweaked

Léonie Watson recently posted Accessible Emoji, a simple technique to make emoji characters accessible to those with screen readers. It requires a little bit of extra effort when inserting an emoji into a web page, but it is worth it to convey the meaning to screen reader users. Then there…

Posted:

Tags: accessibility, ARIA, css, design, html, 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, usability, UX

Slides from Accessibility Camp Toronto 2016: Mind Your lang

The slides from my talk at Accessibility Camp Toronto, Mind Your lang. Note: Below are the animated images and video 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…

Posted:

Tags: accessibility, browser, css, html, slides, speaking, standards, usability, UX, WCAG, whatwg

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: 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, usability, UX, YouTube

Analog Accessibility Analogues

I am just so unnecessarily pleased with that title. These are all based on requests around software/web remediation. Requests I have received, seen, and/or addressed. I am transposing them to meat-space to provide a different perspective. Maybe that is useful, maybe not. At the very least I hope it is…

Posted:

Tags: accessibility, standards, usability, UX

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

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

Search icon Used in the search form as a button. Search icon Used in the search form as a button. Information icon Lower-case 'i' in a circle. Checkmark icon Symbol showing a checkmark. Alert icon Exclamation mark within a triangle.