Skip to content.
Adrian Roselli
Decentralized Algorithm Platform BYOB

All Posts Tagged: design

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

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

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

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

My Slides from Accessibility Camp NYC

If the embedded slides are not working, you can get to them directly at SlideShare. There is also a video of my talk (and all the other talks) available, or you can watch it below: Errata Note that I adjusted slide 89 before I posted it to SlideShare, thanks to…

Posted:

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

Web Design Myths

Net Magazine asked followers on Twitter to submit any web design myths they wanted busted: Got a web design myth you want busted? Let us know and we'll print the best tweets in the mag!— net magazine (@netmag) September 16, 2015 I took this to mean web development, not just…

Posted:

Tags: accessibility, browser, Chrome, css, design, html, mobile, print, rant, SEO, standards, usability, UX

Obligatory Redesign Post

Screen shots showing four of the states of the menu of which I am so proud but which has questionable usability, as opposed to the h1 style, which is unquestionably unusable. Note that one of those screen shots is really a view of the printed page, where the menu is…

Posted:

Tags: accessibility, ARIA, css, design, html, mobile, standards, touch, usability, WHCM

Web Development Advent Calendars for 2014

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 may have missed some, so please pass them along if you know…

Posted:

Tags: accessibility, css, design, fonts, html, internet, mobile, standards, usability, UX

Linear Gradient Problems in Chrome

Detail of the effect I wanted to re-create with a linear gradient — a gray column, a white narrow gutter, a black vertical line, and the rest as white. I’m going to tell you up front that I don’t have a fix for the issue I am raising, though there…

Posted:

Tags: browser, Chrome, css, design, html, rant, standards

NAGW Slides: Responsive Web Design Primer

I just finished a webinar for the National Association of Government Web Professionals where I provided an overview of responsive design. I always struggle when I cannot see the audience, but as always my ego carries me through to the end. The slides are embedded here for any and all…

Posted:

Tags: analytics, css, design, html, mobile, slides, speaking, usability, UX

UX Singapore Slides: Selfish Accessibility

Photo of me speaking, fighting the sun, provided by Camilla Choo. Original photo on Twitter. In a departure from the other times I have given this talk, I gutted all the slides with code samples as well as the slides on testing (although I did keep them handy and use…

Posted:

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