Skip to content.
Adrian Roselli
Leveraged Non-Fungible Library genAI

All Posts Tagged: html

Be Wary of Nesting Roles

As a web developer, you may take it for granted that you cannot nest a hyperlink. I mean, you can nest a hyperlink, but more likely than not you already know how problematic that can be — and not just because the validator will kick that back as an error.…

Posted:

Tags: accessibility, ARIA, ARIAbuse, html, standards, UX

Web Development Advent Calendars for 2016

The chocolate in that calendar was terrible. Terrible enough that I keep re-using this photo since I do not want to buy a new 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…

Posted:

Tags: css, design, html, standards, UX

Slides from Accessibility Camp Toronto 2016: Mind Your lang

The slides from my talk at Accessibility Camp Toronto, Mind Your lang. Note: Below are the animated images and video that were in my slides but which did not survive in the transition to SlideShare. They are all quite large and will take time to load. If you want to…

Posted:

Tags: accessibility, browser, css, html, slides, speaking, standards, usability, UX, WCAG, whatwg

Tweaked ‘Better Method’ YouTube Embed

Last week Amit Agarwal posted a great tutorial on making YouTube embeds less of a burden for users, A Better Method for Embedding YouTube Videos on your Website. The abstract: Learn how to embed YouTube videos responsively and without increasing the page load time. The embeds are light and mobile…

Posted:

Tags: css, html, JavaScript, pattern, usability, UX, YouTube

There Is No Document Outline Algorithm

I figured I would state the entire argument in the title. After all, as of this writing and the last seven-plus years, the statement is accurate as far as the browsers are concerned. I am penning this as sort of a follow-up to my post from 2013, The Truth about…

Posted:

Tags: accessibility, html, JavaScript, rant, standards, W3C, WCAG

My Slides from Abstractions

Slides from my talk at Abstractions, Fringe Accessibility. Note: Below are the animated images that were in my slides but which did not survive in the transition to SlideShare. They are all quite large and will take time to load. If you want to save on your data plan, hit…

Posted:

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

A Response to Thoughts on HTML5

This is a response to Thoughts on HTML5 by Janus Boye over on Medium. You can read this response on Medium as well. At the time of this writing, there is one response to my comment. I am re-creating it here because I feel strongly that relying on a third-party…

Posted:

Tags: accessibility, html, standards, W3C, WCAG

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, pattern, print, standards, WHCM

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, pattern

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