Skip to content. Adrian Roselli Consultant, Writer, Speaker

All Posts Tagged: standards

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

An HTML Element Potentially Worth $18M to Indiegogo Campaigns

The title of this post is a play on Jason Grigsby’s recent post An HTML attribute potentially worth $4.4M to Chipotle. In it he asks: How many other people have failed to finish an order because the form doesn’t support autofill and the error messages aren’t helpful? An HTML attribute…

Posted:

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

Table with Expando Rows

I regularly work on projects with HTML tables that have been pushed to the edge with styles, scripts, and widget features. A common pattern is where rows are hidden until the user opts to show them. Unfortunately, the pattern is often over-complicated with unnecessary script and styles that regularly break…

Posted:

Tags: accessibility, css, standards, tables, usability

Maybe Ignore type=search

Another case of the headline saying it all. If you have a valid, accessible search field (with a useful, sensible label) then you can probably ignore type=”search” and use type=”text” instead. I made a code sample you can use for testing in your preferred set-up; it is what I used…

Posted:

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

Link + Disclosure Widget Navigation

Early in 2017 I filed an issue against WAI-ARIA Authoring Practices (APG) requesting a change to the menu navigation pattern. Despite a great deal of feedback in agreement, it languished. In late 2017 I wrote Don’t Use ARIA Menu Roles for Site Nav and started actively campaigning against the APG…

Posted:

Tags: accessibility, ARIA, html, standards, usability, UX, WAI, WCAG

Scraping Burned Toast

Google engineers have proposed a new HTML element, <toast> or <std-toast>, that is a container for presenting brief or simple notifications to users. But of course it is not quite that straightforward. Backlash It is going to be impossible to extricate this proposal from the reactions it has garnered. So…

Posted:

Tags: html, standards

Target Size and 2.5.5

TL;DR: Regardless of what accessibility conformance level you target, try to ensure that interactive controls are at least 44 by 44 pixels in size. Links in blocks of text are exempt. Overview In real life there is typically both a visual and tactile component to an interface. You have to…

Posted:

Tags: accessibility, standards, usability, UX, W3C, WAI, WCAG

Global Accessibility Awareness Day 2019

I kind of missed it this year. I was presenting at YGLF and was invested in the other talks, so my annual tweet thread of my accessibility posts since the previous GAAD did not come out on time. Instead I filled up timelines last night. Below are eight tweets with…

Posted:

Tags: accessibility, css, html, standards, usability, UX, WCAG

Selfish Accessibility — YGLF Vilnius

I (and the audience) survived my talk today. As our mutual reward, I offer my slides. All the links turned white onupload, so they are nearly impossible to read. I am sharing it now because you can at least hover over them or follow them, otherwise you might have to…

Posted:

Tags: accessibility, slides, standards, usability, UX, WCAG

Details / Summary Are Not [insert control here]

Once major browsers started supporting <details> & <summary> developers immediately started to play with them to see what sorts of patterns they could enhance or replace. This is a good thing. Experimentation pushes boundaries, improves understanding. However, we need to be careful of christening this new-to-us interaction as the solution…

Posted:

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

Reading Order Bookmarklet

When a keyboard-only user or screen reader user comes to page that uses CSS to create a layout, there is a chance that what is on the screen does not match the flow of the page. In the posts HTML Source Order vs CSS Display Order and Source Order Matters…

Posted:

Tags: accessibility, JavaScript, standards, WCAG

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.