Skip to content. Adrian Roselli Consultant, Writer, Speaker

All Posts Tagged: html

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

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

Use Only One <main> on a Page

That’s it. That’s the meat of the post. The title covers it all. You don’t need to read any further. You are, of course, welcome to continue since I spent all this time writing it. Definition For those who aren’t familiar with <main>, the element is intended to be a…

Posted:

Tags: accessibility, ARIA, html, usability, UX, W3C, WAI, whatwg

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

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.