Skip to content.
Adrian Roselli
Pre-trained Funded Overlay sFTP

All Posts Tagged: html

ACE! Conference Slides: Selfish Accessibility

In addition to the slides, I’ve embedded video of my talk and way too many tweets after that. Video Impressing everyone on the internet, Paul Klipp has already gotten videos from ACE! posted less than 24 hours after the event ended. That’s impressive. I understand his tactic is to upload…

Posted:

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

CSS Bookmarklets for Testing and Fixing

I regularly have to test sites in development, review some third-party site, or just use a site in my day-to-day time wasting (and banking) rituals. I’ve relied on viewing the page’s source or popping into my browser’s dev tools to find a missing element, copy un-transformed text, check for inline…

Posted:

Tags: accessibility, ARIA, browser, css, html, standards, W3C

On Use of the Lang Attribute

Way back in October I noticed this WHATWG HTML bug (26942) where someone asked why do these examples of <html> lack the lang attribute? I thought the answer from Hixie was a bit dismissive and not based on any data or real-world benefits of use, particularly in the context of…

Posted:

Tags: accessibility, globalization, html, internationalization, localization, standards, W3C, WCAG, whatwg, xhtml

Announcing My Ring Warmer App

Animation showing the Ring Warmer in action. If you have to wear a ring, then perhaps you have experienced the discomfort of putting a cold ring on your finger (maybe in the morning in a cold house). I decided that I could do something about that using the only tool…

Posted:

Tags: apps, css, html, JavaScript, mobile, pattern, touch

Web Development Advent Calendars for 2014

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 may have missed some, so please pass them along if you know…

Posted:

Tags: accessibility, css, design, fonts, html, internet, mobile, standards, usability, UX

Don’t Use Tabindex Greater than 0

Animated GIF showing the tab order on a page using the default Re-CAPTCHA, which sets a tabindex, forcing a keyboard user through six tab-stops to get to the Skip to content link. Tabindex had the potential to be a useful attribute. A developer could set the order in which focus…

Posted:

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

WordCamp Toronto Slides: Selfish Accessibility

As promised, slides from my talk this morning at WordCamp Toronto: I have also embedded the video: Ego-Building Tweets I like audience feedback, moreso when it’s positive. I’ve also added some general tweets about the accessibility track. Starting the day with "Selfish Accessibility" #A11Y #WCTO pic.twitter.com/5RoRFSyg7r— Alicia Jarvis (@AJarvis728) November…

Posted:

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

Linear Gradient Problems in Chrome

Detail of the effect I wanted to re-create with a linear gradient — a gray column, a white narrow gutter, a black vertical line, and the rest as white. I’m going to tell you up front that I don’t have a fix for the issue I am raising, though there…

Posted:

Tags: browser, Chrome, css, design, html, rant, standards

HTML5 Is Now a W3C Recommendation

I was already pretty excited when I read on the W3C Accessibility Task Force mailing list that the formal objection against longdesc was overruled. But then this — HTML5 is a wrap. I’ve seen some movement on the Twitters (and the W3C HTML Working Group mailing list) over the last…

Posted:

Tags: html, standards, W3C

NAGW Slides: Responsive Web Design Primer

I just finished a webinar for the National Association of Government Web Professionals where I provided an overview of responsive design. I always struggle when I cannot see the audience, but as always my ego carries me through to the end. The slides are embedded here for any and all…

Posted:

Tags: analytics, css, design, html, mobile, slides, speaking, usability, UX

Accessibility Camp Toronto Slides: Selfish Accessibility

I’ve updated this post to include the video from the live stream, some links, and a few photos. Selfish Accessibility: a11y Camp Toronto 2014 Video There was a live stream throughout the day, which was broken into a morning video and afternoon video. I’ve embedded the morning stream because it…

Posted:

Tags: accessibility, ARIA, html, slides, speaking, W3C, WAI, WCAG

WordCamp Buffalo Slides: Selfish Accessibility

The Buffalo WordCamp shirt was again printed by You and Who (whose logo is visible where the tag would be), which means that 1,600 meals were donated (one for each shirt) to those in need. I think every WordCamp should do this. (related tweet) Buffalo WordCamp has just wrapped up…

Posted:

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