Skip to content.
Adrian Roselli
Series A Funded Platform CLI

Search Results: label

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

Avoid Emoji as Class Names

The title of this post is not broad enough. Avoid emoji as any identifier, whether as strings in your script, IDs on your elements, classes for your CSS, and so on. As soon as you start using emoji, you are blocking some users from being able to understand or use…

Posted:

Tags: accessibility, css, standards, usability

What’s New in WCAG 2.1

I field questions pretty regularly about what is coming in WCAG 2.1. I have offered links to the spec, pointers to W3C mailing list email, references to other posts (most recently David MacDonald’s post that looks at the same version as this post), but have avoided gathering them in one…

Posted:

Tags: accessibility, standards, W3C, WAI, WCAG

Fixed: Inaccessible YouTube Embeds

Most of us in the accessibility biz (do we call it that? I think we call it that…) already know that YouTube’s default embed code is problematic. Specifically, the fact that the <iframe> does not have a title attribute is an automatic WCAG 2.0 AA failure. The Existing title Issue…

Posted:

Tags: accessibility, ARIA, html, standards, usability, UX, YouTube

First Reactions to Gutenberg

A big reveal at WordCamp Europe was Gutenberg, an inline WYSIWYG editor for WordPress. While I had first seen it at WordCamp London, it was not a public project yet. As of WordCamp Europe, it is now in open beta with a plug-in available for testing. I am not involved…

Posted:

Tags: accessibility, usability, UX, WordPress

Slides from WordCamp Europe

There is a lot going on in this post. Between embedded slides, video, external Twitter scripts, and animated GIFs, this page will kill your data plan. You may want to hit the browser Stop button if you have a data cap. If the embed above is not working (or is…

Posted:

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

Under-Engineered Custom Radio Buttons and Checkboxen

Note: September 25, 2021 If you do not need to support IE, Legacy Edge, or older versions of Firefox, then I encourage you to ignore this post and instead read Scott O’Hara’s post One last time: custom styling radio buttons and checkboxes. Updated August 17, 2019 I have updated this…

Posted:

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

Slides from MinneWebCon

Kicking off #MinneWebCon, which is also its tenth anniversary. Cool. @MinneWebCon pic.twitter.com/CNxhK47Puv— Adrian Roselli 🗯 (@aardrian) May 1, 2017 I promised to share the slides, so here they are. If the embed is a problem you can go the slides directly on SlideShare. Tweets I feel like Marc really gets…

Posted:

Tags: accessibility, ARIA, html, slides, speaking, standards, usability, W3C, WCAG

Selfish Accessibility: Slides from WordCamp London 2017

I promised to share the slides, so here they are. If the embed is a problem you can go the slides directly on SlideShare. Video The video has just been posted (6 June) so I have embedded it with captions. You can also view it at WordPress.tv if it does…

Posted:

Tags: accessibility, ARIA, html, slides, speaking, standards, usability, W3C, WCAG

Not All Screen Reader Users Are Blind

The title says it all. But if you came to this page, you probably clicked because you were hoping for a little more detail than that assertion. So here is a little more detail. The Data In the 2015 WebAIM Screen Reader User Survey, when asked Which of the following…

Posted:

Tags: accessibility, ARIA, browser, html, standards, usability, UX

Avoid Default Browser Focus Styles

It is not uncommon to see developers and designers forego creating focus styles for controls on web sites and applications. For those who are aware of the need for the focus styles, the most common reason I hear for excluding them is that the browser provides focus styles by default…

Posted:

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

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