Skip to content.
Adrian Roselli
Natural-Language-Processed Monetization System CRT

All Posts Tagged: html

Fringe Accessibility: Slides from London Web Standards

Last night I was one of two talks on accessibility at London Web Standards. As promised, I have posted my slides. If you cannot see the embed below, visit them directly at SlideShare. Tweets Most of these are for my ego. Hey, Samsung Internet has a new logo! (via a…

Posted:

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

Selfish Accessibility: Slides from Talk at Government Digital Service

The nice folks at UK’s Government Digital Service had me in to talk to its team about accessibility. Conveniently I had a talk ready to go. You can view the slides directly at SlideShare or just enjoy the embed below. I have no ego tweets to share, which may be…

Posted:

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

Selfish Accessibility: Slides from WordCamp London 2017

I promised to share the slides, so here they are. If the embed is a problem you can go the slides directly on SlideShare. Video The video has just been posted (6 June) so I have embedded it with captions. You can also view it at WordPress.tv if it does…

Posted:

Tags: accessibility, ARIA, html, slides, speaking, standards, usability, W3C, WCAG

Slides from role=drinks at CSUN

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 save on your data plan, hit the browser’s stop button now. If…

Posted:

Tags: accessibility, html, slides, speaking, standards, W3C, whatwg

Not All Screen Reader Users Are Blind

The title says it all. But if you came to this page, you probably clicked because you were hoping for a little more detail than that assertion. So here is a little more detail. The Data In the 2015 WebAIM Screen Reader User Survey, when asked Which of the following…

Posted:

Tags: accessibility, ARIA, browser, html, standards, usability, UX

Make Your Vine Archive Accessible & Future-Proof

Well, make it accessible at least. Context: Seriously, even the pagination is made of non-links and non-buttons. These developers are now building other platforms. Poorly. pic.twitter.com/kETE6Dv0IS— Adrian Roselli (@aardrian) January 18, 2017 Step 1: Capture the Rendered HTML Open your browser developer tools and copy the entire thing into a…

Posted:

Tags: accessibility, html, standards, usability, UX

Accessible Emoji, Tweaked

Warning: The approach outlined in this post does not conform to WCAG 2.1 Success Criterion 1.4.13 Content on Hover or Focus, introduced in 2018 (two years after this post date). The CSS-only tool-tip described within cannot be dismissed and is not persistent. If you want to enhance it with JavaScript…

Posted:

Tags: accessibility, ARIA, css, design, html, pattern, print, usability, UX

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