Skip to content. Adrian Roselli Consultant, Writer, Speaker

All Posts

OS: High Contrast versus Inverted Colors

Low resolution screen shots combined to show the same page as seen using Windows High Contrast Mode and macOS Invert Colors settings. There are different ways to make a web page more easy to read, but there are two options that come directly from the operating system that many developers…

Posted:

Tags: accessibility, Apple, Microsoft

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

Slides from A11yTOConf

Before you wade into the slides, please note that all the code / accessibility advice in these slides is wrong. They are just examples. Do not copy them. If the embed does not work, view it at SlideShare. The t-shirt I was wearing may have been more popular than my…

Posted:

Tags: accessibility, slides, speaking

Playback Speed in Default Video Players

One of the most trafficked posts on my site is not about web development at all: Changing YouTube Playback Speed While the ability to control playback speed has real value from an accessibility and usability perspective, mostly I was just sharing something which brings me a ton of value because…

Posted:

Tags: accessibility, browser, video, YouTube

Sponsoring Accessibility Toronto Conference (#a11yTO)

I am pleased to be able to sponsor the first Accessibility Toronto Conference (#a11yTOconf). I get to help the nearest accessibility meet-up group to my home in Buffalo, NY (excluding Buffa11y). On top of that I am helping one of the world’s largest (I think it is the second-largest) make…

Posted:

Tags: accessibility

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

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.