Skip to content. Adrian Roselli Consultant, Writer, Speaker

All Posts Tagged: standards

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

Web Development Advent Calendars for 2017

The chocolate tasted like sugared wax. Yet it was still less offensive than the typeface. For a few years now web developers around the world have celebrated Saturnalia Christmas with advent calendars covering topics related to the web. I expect you will recognize some of these from prior years. I…

Posted:

Tags: accessibility, css, design, html, internet, standards, 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

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

Microsoft Edge Web Summit Recap

I just got back from attending my first (and Microsoft’s third) Microsoft Edge Web Summit, a one-day conference that Microsoft hosted in Seattle to promote its overall web platform work, including the progress it has made with Edge and where Edge is headed. Generally vendor conferences do not interest me.…

Posted:

Tags: accessibility, browser, Edge, Microsoft, standards

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

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 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

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

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.