Skip to content. Adrian Roselli Consultant, Writer, Speaker

All Posts Tagged: usability

Tables, CSS Display Properties, and ARIA

This post has two separate but related things going on. One is an example of one of my responsive tables with ARIA added, and the other is the Twitter conversation that started this along with some generalized responses. Responsive Table with Semantics Retained by ARIA The Tweet What You Can…

Posted:

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

GitHub Contributions Chart

Perhaps a testament to how little I might value GitHub contributions. GitHub profile pages are, to many, the de facto place to quickly judge the value of a developer. The contributions chart is an at-a-glance visual indicator of that value. I disagree completely with the notion of the chart (or…

Posted:

Tags: accessibility, css, html, mobile, standards, usability, UX

Improving Your Tweet Accessibility

Twitter persists. Even if you have moved to Mastodon, Twitter will persist. As such, we need to continue to ensure it is accessible to all users. This post gathers some tips you can and should use. Image Alternative Text The last few days have seen more and more folks who…

Posted:

Tags: accessibility, social media, Twitter, usability, UX

Tweaking Text Level Styles

This post is building on the post Short note on making your mark (more accessible) by Steve Faulkner at the Paciello Group blog. In that post, Steve answers a very specific question about the <mark> and making it more accessible for screen readers. I saw some follow-up questions on the…

Posted:

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

Slides: Inclusive Usability Testing — a11yTOCamp

I have uploaded my slides from a11yTOCamp to SlideShare. If the embed below does not work, visit them directly. There were a lot of great talks yesterday, though I only tweeted from a couple of them (and skipped one altogether). Watching

Posted:

Tags: accessibility, internet, slides, usability, UX

Slides from Girl Develop It Buffalo

I gave a brief presentation to Girl Develop It (the Buffalo Chapter) tonight. The slides are at SlideShare and embedded below.

Posted:

Tags: accessibility, slides, speaking, standards, usability, UX

Feature Request for Firefox Grid Inspector: Source Order

This post is both a feature request and an opportunity to share my thoughts in a format I find easier to use than a Bugzilla report. And Jen Simmons said I could do it as a blog post. So there. Firefox Grid Inspector I am a big fan of the…

Posted:

Tags: accessibility, browser, css, Firefox, usability, WCAG

A Responsive Accessible Table

Painfully slow demonstration of the example table resizing and different media queries kicking in. After writing (again) that it is ok to use tables, and after providing quick examples of responsive tables, I received questions about why I used some of the code I did. I am going to attempt…

Posted:

Tags: accessibility, ARIA, css, design, html, mobile, standards, usability, UX

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, standards, 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, html, standards, usability

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

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

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.