Skip to content.
Adrian Roselli Natural Language Processed Monetization Platform IPA

All Posts Tagged: ARIA

Hey, It’s Still OK to Use Tables

Baby Boomerangutuang, one of the Tick’s students. He was just shouting It’s OK to play with dolls! Consider this post to be the sequel to my 2012 post It’s OK to Use Tables. Here I will go into bit more detail based on the state of accessible efforts I see…

Posted:

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

Don’t Use ARIA Menu Roles for Site Nav

Once again, the advice is in the title of the post. But I will ramble anyway since you scrolled this far. First run with the advice, and then review some background on ARIA and how navigation and menu items are defined. This way you can tap out quickly when it…

Posted:

Tags: accessibility, ARIA, ARIAbuse, html, standards, usability

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

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

Fringe Accessibility: Slides from London Web Standards

Last night I was one of two talks on accessibility at London Web Standards. As promised, I have posted my slides. If you cannot see the embed below, visit them directly at SlideShare. Tweets Most of these are for my ego. Hey, Samsung Internet has a new logo! (via a…

Posted:

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

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, pattern, print, usability, UX

Be Wary of Nesting Roles

As a web developer, you may take it for granted that you cannot nest a hyperlink. I mean, you can nest a hyperlink, but more likely than not you already know how problematic that can be — and not just because the validator will kick that back as an error.…

Posted:

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

Chromatic Web Fonts, Redux

In 2012 I wrote about how to use chromatic type with pseudo-elements. My objective back then was to minimize the hassle of a content author using a WYSIWYG while also not overwhelming a screen reader user with triplicate content. Pseudo-elements achieved that, though support for pseduo-elements in screen readers is…

Posted:

Tags: accessibility, ARIA, css, design, fonts, html, pattern

My Slides for Inclusive Design 24 for Global Accessibility Awareness Day

This morning I had the pleasure of presenting at the free online Inclusive Design 24 hour webinar by The Paciello Group as part of Global Accessibility Awareness Day. As promised, my slides are embedded here for you, or you can go directly to SlideShare to see them. Correction: I cited…

Posted:

Tags: accessibility, ARIA, html, slides, speaking, usability, UX, WCAG

My Slides for Create Upstate 2016

The slides are embedded here for all to enjoy (or you can view the slides at SlideShare), whether or not you attended my workshop. Note that you can probably ignore the slides about exercises as I am not going to come around and review them with you.

Posted:

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