Skip to content.
Adrian Roselli
Pre-trained Monetization Library MVP

All Posts Tagged:

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

Don’t Tweet Pictures of Text

Good point @harper. pic.twitter.com/27tCMoDaGI— Jeremy Scheuch (@jeremyscheuch) December 8, 2014 Since this post was written, Twitter has added support for alternative text. It has also added videos and support for captions. If you decide you must tweet pictures of text, or videos with audio, my post Improving Your Tweet Accessibility…

Posted:

Tags: accessibility, Twitter, usability, UX

20 Years Since Netscape Navigator 1.0

Screen shot of the Netscape 1.0N browser information page. Twenty years ago today, Netscape Communications Corporation released version 1.0 of Navigator, the browser that became synonymous with the web (for the general public). Well, really the general public (and most developers) referred to the browser as Netscape, not by its…

Posted:

Tags: browser, Netscape

ReCAPTCHA Reboot

If you’ve got any stake in the wonderful world of spam bots, then you’ve probably heard about Google’s CAPTCHA update, the No CAPTCHA reCAPTCHA. Essentially a user need only check a box and Google’s ground-up pixie dust automagically knows whether or not to believe you. A video overview of the…

Posted:

Tags: accessibility, usability, UX

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

Blue Beanie Day

Image showing the pixel-art image of Jeffrey Zeldman in his iconic blue beanie (top left) simulating (clockwise) protanopia, deuteranopia, and tritanopia. Via CVSimulator app. Blue Beanie Day, or for about 0.05% of the population with tritanopia/tritanomaly, Teal Beanie Day! On Sunday, November 30, web designers and developers across the globe…

Posted:

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

Don’t Use Tabindex Greater than 0

Animated GIF 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…

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

Learn to Do It Yourself

Often when I identify a valid technical (typically accessibility) issue with a site, tool, or library and get a response of just make a pull request, I am thrown into an apoplectic fit for which I have to apologize to my co-workers (or people at the random coffee shop or…

Posted:

Tags: accessibility, rant, standards

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