Skip to content.
Adrian Roselli
AI-Powered Trained Process PGP

All Posts Tagged: design

Web Development Advent Calendars for 2016

The chocolate in that calendar was terrible. Terrible enough that I keep re-using this photo since I do not want to buy a new 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…

Posted:

Tags: css, design, html, standards, UX

On Link Underlines

TL;DR: In general, I recommend underlining links in body content. In the absence of a better style appropriate for a specific site, this is the way to go. Overview It is amazing to me how this suggestion causes so much angst and fighting. Designers often argue that they look ugly,…

Posted:

Tags: accessibility, css, design, standards, usability, UX, WCAG

Chromatic Web Fonts, Redux

In 2012 I wrote about how to use chromatic type with pseudo-elements. My objective back then was to minimize the hassle of a content author using a WYSIWYG while also not overwhelming a screen reader user with triplicate content. Pseudo-elements achieved that, though support for pseduo-elements in screen readers is…

Posted:

Tags: accessibility, ARIA, css, design, fonts, html, pattern

Speaking at Guelph Accessibility Conference 2016

This May I will be speaking at the Guelph Accessibility Conference. It will be held Monday and Tuesday, May 30 and 31, 2016 on the University of Guelph campus. The theme of this year’s event is In Letter and Spirit: Realizing the Vision of the AODA. There is also a…

Posted:

Tags: accessibility, ARIA, design, speaking, usability, UX, WAI, WCAG

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