Skip to content. Adrian Roselli Consultant, Writer, Speaker

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

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

Google’s AMP HTML

Google wants to speed up the web, and it has a plan: For many, reading on the mobile web is a slow, clunky and frustrating experience – but it doesn’t have to be that way. The Accelerated Mobile Pages (AMP) Project is an open source initiative that embodies the vision…

Posted:

Tags: accessibility, ARIA, css, Google, html, standards, usability, UX

Don’t Disable Zoom

Codepen demos showing a page zoomed and a page that has disabled zoom on mobile. A handy feature of mobile browsers is the ability to zoom into a page with a simple gesture. A less handy feature is the ability to override that. Ultimately this is bad for users. Sadly,…

Posted:

Tags: accessibility, css, html, mobile, touch, usability, 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.