Skip to content.
Adrian Roselli
Natural-Language-Processed Adversarial Model MVP

All Posts Tagged: 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

10k Tweets Won’t Make Images Accessible

The Twitterverse exploded yesterday with rumors that Twitter is exploring expanding the limit on characters in tweets from 140 to 10,000 characters. In a great example of the hyperbole, The Guardian even reported that Twitter shares plummeted a whole 2% as a result. Seemingly in support of this move, Jack…

Posted:

Tags: accessibility, rant, social media, 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

Web Development Advent Calendars for 2015

Ganesha may or may not be stealing chocolate from the advent calendar. For a few years now web developers around the world have celebrated Saturnalia Christmas with advent calendars covering topics related to the web. Some come and go, but you’ll probably recognize a few regulars on this list. I…

Posted:

Tags: browser, css, design, html, standards, UX

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