Skip to content.
Adrian Roselli
SaaS Virtualization System CRT

All Posts Tagged: html

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

Source Order Matters

A picture of my strawberry, balsamic, black pepper sorbet, which makes sense later in the post and because my blueberry sorbet didn’t come out so well. CSS is providing newer and more complex methods of laying out your pages. Given the multiple form factors a responsive site has to support,…

Posted:

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

Use On-Page Image Descriptions

I feel I need to manage your expectation that this post is mostly about the longdesc attribute, that I voted for bringing it from HTML4 into HTML5, and that I know this is a polarizing topic among, well, anyone who has an opinion on it. Now for the TL;DR: based…

Posted:

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

Where to Put Your Search Role

I really spent far too much time re-thinking that title. Please note that HTML now has a <search> element. Please see the March 24, 2023 update below. If you have a search form on your site and you want to be a good accessibility soldier and drop ARIA roles in…

Posted:

Tags: accessibility, ARIA, html, pattern, standards, W3C, WAI, WCAG

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