Skip to content. Adrian Roselli Consultant, Writer, Speaker

All Posts Tagged: html

Speaking at Abstractions

From August 18 through 20 I will be in Pittsburgh, PA to attend and speak at the inaugural Abstractions conference. As described on the site: Abstractions is a new conference that brings together everyone involved in modern software development — designers, developers, DevOps, and community leaders — to teach, learn,…

Posted:

Tags: accessibility, html, speaking, standards, usability, 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 Inclusive Design 24 for Global Accessibility Awareness Day

This morning I had the pleasure of presenting at the free online Inclusive Design 24 hour webinar by The Paciello Group as part of Global Accessibility Awareness Day. As promised, my slides are embedded here for you, or you can go directly to SlideShare to see them. Correction: I cited…

Posted:

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

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

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

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

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.