Skip to content.
Adrian Roselli
AI-Powered Generative Overlay genAI

All Posts Tagged: WCAG

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, pattern, standards, usability, UX, WAI, WCAG

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

Slides: Role of Design in Accessibility — VilniusJS Meet-up

While in town for You Gotta Love Frontend, I was invited to present this talk at the VilniusJS meet-up. There were only a couple designers in the audience, so I did a little on-the-fly reframing — namely to explain the value of a designer on a team. I only went…

Posted:

Tags: accessibility, design, slides, UX, WCAG

Uniquely Labeling Fields in a Table

Many of my clients over the years have relied on fields in tables. Sometimes a checkbox to select a row, sometimes text inputs to update information, sometimes buttons select something. Rarely are they interested in a block of label text above the field, and I cannot disagree with them. The…

Posted:

Tags: accessibility, ARIA, html, pattern, tables, WCAG

Slides: The Role of Design in Accessibility — a11yTO Meet-up

Last night I drove up to Toronto, braving concurrent matches from two of their local sporting clubs, parking in oblivion, navigating a maze of progressive rings of fencing, sneaking into the venue via a propped service door, and presented on the role of design in accessibility. It was a code-light…

Posted:

Tags: accessibility, design, slides, WCAG

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

Slides: Prototyping Accessibility for Booster 2019

Direct link in case the embed does not work. I also mentioned some resources at the end of my talk: How to Meet WCAG 2 (Quick Reference) Intopia Launches WCAG 2.1 Map Inclusive Design Principles Inclusive Design posters from Barclays Tweets Some people tweeted about my workshop. I also tweeted…

Posted:

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

F87: CSS Generated Content and WCAG Conformance

The Web Content Accessibility Guidelines (WCAG) does a good job of providing supporting techniques to help reviewers determine if a specific case would violate a given Success Criterion (SC). WCAG 2.0, which became a recommendation at the end of 2008, has carried these techniques over to WCAG 2.1, finalized in…

Posted:

Tags: accessibility, css, UX, W3C, WAI, WCAG

Prototyping Accessibility — WordCamp Europe 2018

WordCamp Europe has wrapped up in Belgrade. I presented a (not quite) three hour workshop on accessibility, specifically designed to be computer-free. I may have re-used a few slides from my presentation at last year’s WordCamp, but overall this is new material with some WCAG 2.1 references thrown in for…

Posted:

Tags: accessibility, ARIA, css, html, slides, standards, WAI, WCAG

Tables, JSON, CSS, ARIA, RWD, TLAs…

Yeah. Another one. Let’s recap: In 2012 I asked that we get back to using HTML tables for tabular data in my post It’s OK to Use Tables, In November I argued that we need to avoid ARIA grid patterns for tables in Hey, It’s Still OK to Use Tables,…

Posted:

Tags: accessibility, html, JavaScript, mobile, tables, usability, UX, WCAG