Skip to content. Adrian Roselli Consultant, Writer, Speaker

All Posts Tagged: css

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

Punch-Out Avatar

I built this on a whim after seeing some terrible examples on Stack Overflow, so unlike other demos I build there was no immediate application. That means it may or may not be useful as-is. Variation For this post I have forked each variation of the original and added a…

Posted:

Tags: accessibility, css, html, standards

Slides for Guelph Accessibility Conference

After a two-plus hour drive to Guelph on Memorial Day (in the U.S., not Canada), I attended a full day of talks and hallway conversations at the Guelph Accessibility Conference. I also had the pleasure of presenting in the last slot of the day in the main auditorium. Feedback was…

Posted:

Tags: accessibility, css, html, slides, speaking, 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

My Slides for Create Upstate 2016

The slides are embedded here for all to enjoy (or you can view the slides at SlideShare), whether or not you attended my workshop. Note that you can probably ignore the slides about exercises as I am not going to come around and review them with you.

Posted:

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

Fringe Accessibility Slides from Booster 2016

I had the pleasure of giving a workshop at Booster Conference 2016 on accessibility. As it was the last slot of the last day, it ended up being more of an interactive talk than a hands-on session, but the audience seemed to appreciate that. Or view it directly on SlideShare:…

Posted:

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

Keyboard and Overflow

Imagine that as a user you regularly use the keyboard for non-data-entry tasks. Think about how frustrating it is to have to grab the mouse to hover over something on the screen just to see it. Now imagine that you are a keyboard-only user. That problem can be addressed somewhat…

Posted:

Tags: accessibility, ARIA, css, html, JavaScript, 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

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

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

Speaking at Accessibility Camp Toronto 2015

I am excited to say that I will be speaking at Accessibility Camp Toronto again this year. It probably goes without saying that I’ll be speaking on accessibility. If you’re free Saturday, October 17 from 9am until 5pm (or any time within that block), and any slots open up, then…

Posted:

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

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.