Skip to content. Adrian Roselli Consultant, Writer, Speaker

All Posts

Showing File Types in Links

Links to files can be a surprise for users, especially those who cannot use, do not notice, or do not have the status bar to show a link destination. Some users may appreciate knowing a link points to a file, sometimes even a particular file. For links with the download…

Posted:

Tags: css, html, usability, UX

Responsive Type and Zoom

Typography that responds to viewport width (‘fluid’ or ‘responsive’ typography) can be useful when you want to ensure text does not get clipped or spill out of some design elements. Carousels, widget controls, or my Venn diagram are some examples. I say viewport width because I rarely see responsive type…

Posted:

Tags: accessibility, css, design, usability, UX

Web Development Advent Calendars for 2019

Web developers around the world have celebrated Saturnalia solstice Isaac Newton’s birthday Christmas with advent calendars covering web-related topics. As a result, you may recognize some of the ones listed below. Every year I miss a few on day one, so add a comment or tweet me if you have…

Posted:

Tags: accessibility, css, design, html, internet, standards, UX

CSS Logical Properties

I have often remarked that my blog is little more than a place for me to offload my memory. I need not remember the syntax, logic, test results, etc. of every control, widget, style, browser, and so on. I can just write a post and refer to it later. This…

Posted:

Tags: browser, css, design, i18n, L10n, standards

aria-label Does Not Translate

It does, actually. Sometimes. One of the big risks of using ARIA to define text content is that it often gets overlooked in translation. Automated translation services often do not capture it. Those who pay for localization services all too often miss content in ARIA attributes when sending text strings…

Posted:

Tags: accessibility, ARIA, Chrome, Edge, i18n, L10n

Internet Turns 50, Just Might Catch On

My parents argued the Internet was a fad. They may still be right. Media outlets have settled on October 29 as the official birthday of the Internet. It’s the day that Leonard Kleinrock at UCLA sent a message over a two-computer network (the other end being a computer at Stanford…

Posted:

Tags: internet

a11yWeekTO Recap

This year the a11yTO team put together its third conference, adding a day for the built environment (#a11yIRL) and another day for gaming (#a11yTOGaming), bringing the entire conference to four days. The collection of three conferences has been branded #a11yWeekTO. Throughout the conference, attendees were incredibly positive about the venue,…

Posted:

Tags: accessibility

Accessible Drop Caps

Since the early days of the web, when images could be floated and text would wrap around them, designers have wanted to bring drop caps onto the web. Then we learned how terrible a pattern like <img alt=”M” align=”left”>atthew is for users, and CSS introduced :first-letter, letting us believe all…

Posted:

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

Stop Giving Control Hints to Screen Readers

TL;DR: for standard HTML controls and standard ARIA patterns (widgets), you do not need to add instructions for screen readers on how to use them nor what they are. When a screen reader encounters an element on the page that invites interaction beyond reading, it typically provides users with instructions…

Posted:

Tags: accessibility, ARIA, browser, html, standards, WCAG

Smashing / Web We Want Video Pitch

At Smashing Conference in New York on Tuesday, October 15, Microsoft is hosting a lunch session as part of its The Web We Want initiative. Developers are pitching their wants. I was invited to pitch my request, but since I will not be at the conference I was asked for…

Posted:

Tags: accessibility, browser, slides, standards, WAI, WCAG

W3C Turns 25, I Make it about Me

In 1994 the World Wide Web Consortium (W3C) formed to help wrangle the web into a standards-based platform. The W3C has persisted and created piles of material for web developers. Pulling from its anniversary post: Some of the Web Consortium’s most important contributions to the Web include: Hundreds of open…

Posted:

Tags: standards, W3C

Slides: DevOpsDays Buffalo

The first DevOpsDays Buffalo conference just wrapped up and it was great inaugural local event for an international conference brand. The organizers did a great job and it was encouraging to see so many local companies sending groups and teams, not just one or two people. It was also a…

Posted:

Tags: accessibility, slides

Search icon Used in the search form as a button. Search icon Used in the search form as a button. Information icon Lower-case 'i' in a circle. Checkmark icon Symbol showing a checkmark. Alert icon Exclamation mark within a triangle.