Skip to content.
Adrian Roselli
Outsourced Fireproof Platform CLI

All Posts Tagged: usability

Speaking at Create Upstate

This May I’ll be running an afternoon workshop for Create Upstate. Create Upstate rallies makers from Buffalo to Albany and everywhere in between in a celebration of design and community, and I’ll get a chance to promote accessibility to some of those makers. I’ll be taking my Selfish Accessibility talk…

Posted:

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

Speaking at Booster Conference in Norway

I’m pretty excited to be returning to Booster Conference in Bergen, Norway this spring. Last year I presented a lightning talk on print styles. This year I opted to aim a little higher and submitted a workshop on accessibility. The abstract from my talk: If you’re familiar with accessibility, you…

Posted:

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

Links, Buttons, Submits, and Divs, Oh Hell

Screen shot of the Zurb Foundation advice for accessible buttons, where it shows anchors and a div each with role=”button”. In short, a perfect example of everything you could do wrong. NOTE: This was version 5.5.3. Most of this is fixed in the current version as of this writing (6.1.2).…

Posted:

Tags: accessibility, css, design, html, Internet Explorer, standards, usability, UX

Avoid the Hamburger Menu for Desktop Layouts

This is, to some extent, a response to the article at Usability Geek titled Making A Case For The Desktop Hamburger Menu (which I had the Wayback Machine capture because I have learned my lesson). I left a comment on the article, but it motivated me to write something on…

Posted:

Tags: accessibility, design, mobile, usability, UX

Responsive Progressive Accessible Vanilla Search

I received a design for a project recently that called for a search field hidden behind a single icon — no visible label text, no visible field, no submit button. While I’ve seen this pattern on sites repeatedly, I feel they generally get it wrong. Relying on bloated HTML and…

Posted:

Tags: accessibility, pattern, standards, touch, usability, UX

Gitter a11ySlackers Sidecar

Animated image of the Gitter sidecar with the a11y Slackers channel embedded on my site. If you are unfamiliar with the a11y Slackers channel on Gitter, I encourage you to read Steve Faulkner’s post, Anybody can be an A11y Slacker. Essentially it’s an alternative to the accessibility channel on Slack.…

Posted:

Tags: accessibility, usability

Addendum to “The State of Airline Websites” at Smashing Magazine

Last week Smashing Magazine published a lengthy and detailed post titled The State Of Airline Websites 2015: Lessons Learned. While it was an impressive dive into the user experience of each site covered, it left out any aspect of accessibility. Surprising perhaps no one, I got as far as reading…

Posted:

Tags: accessibility, law, rant, usability, UX

NFL Raises Colorblind Awareness

Not intentionally, of course. Images captured using the Chromatic Vision Simulator app on my phone. The last two images show three different kinds of colorblindness each: protanopia, deuteranopia, and tritanopia. The NFL provided a great and highly visible (pun!) case study in how colorblindness affects people and, given football’s wide…

Posted:

Tags: accessibility, design, usability, UX

Be Wary of Add-on Accessibility

I update this post regularly, but on June 30, 2020 I wrote #accessiBe Will Get You Sued, where I demonstrate that accessiBe’s product generates more testable errors and creates a worse experience. I also document paid news stories, deleting critical comments, and its efforts to undermine WAVE. There is an…

Posted:

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

HTML Source Order vs CSS Display Order

Last month in my post Source Order Matters I wrote about why we need to consider how the source order of the HTML of a page can affect users when the CSS re-orders the content visually. While I used a recipe as an analogue and cited WCAG conformance rules, I…

Posted:

Tags: accessibility, browser, css, design, Edge, Firefox, html, Internet Explorer, standards, usability, UX, WCAG

Slides from “Selfish Accessibility” at Google

Or view the slides directly at SlideShare The kind folks at Google made a video of my talk and posted it to YouTube. I’ve also embedded it below: I was treated to lunch at a few of the cafes and cafeterias around the office, including a food truck parked on…

Posted:

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

My Slides from Accessibility Camp Toronto 2015

You can also view the slides directly at SlideShare. Sadly, the animated GIFs in my presentation did not survive the conversion to SlideShare. I’ve added them at the bottom of this post, but they are all quite large and will take time to load. If you want to save on…

Posted:

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