Skip to content.
Adrian Roselli
Natural Language Processed Blockchain Wallet IPA

All Posts Tagged: accessibility

Use Legend and Fieldset

It’s 2022 and people are still afraid to use <fieldset> and <legend>. I understand the layout challenges can be frustrating, but swapping to an ARIA group role will result in a more inaccessible experience. A Solution Try this: <fieldset> <legend>Choose</legend> <div aria-hidden=”true”>Choose</div> […] </fieldset> legend:not(:focus):not(:active) { position: absolute; overflow: hidden;…

Posted:

Tags: accessibility, ARIA, html, standards

Keyboard-Only Scrolling Areas

I have spent a few years banging on about ensuring scrolling areas on a page are accessible to keyboard-only users. This is partly because the term “keyboard” maps to other input types that we distill to “keyboard” for ease of reference (speech input, sip-and-puff, on-screen keyboards, scanning software, etc.). When…

Posted:

Tags: accessibility, browser, Edge, Firefox, Safari, usability, UX

The Performative A11yship of #GAAD

For context on the title, working backward from the end, GAAD is Global Accessibility Awareness Day. Its purpose, as explained at accessibility.day, is to get everyone talking, thinking and learning about digital access/inclusion and people with different disabilities. A11yship is a play on the numeronym for accessibility (a11y) and the…

Posted:

Tags: accessibility, rant

24×24 Pixel Cursor Bookmarklet

The proposed WCAG version 2.2 has gone through a bunch of revisions since I covered the first draft in 2020. One new success criterion that persisted is 2.5.8 Target Size (Minimum) at Level AA (its name changed from “Pointer Target Spacing”). For background, WCAG 2.1 introduced 2.5.5 Target Size, mandating…

Posted:

Tags: accessibility, browser, standards, WCAG

Under-Engineered Multi-Selects

Others in this sorta-series: Under-Engineered Custom Radio Buttons and Checkboxen Under-Engineered Toggles Under-Engineered Toggles Too Under-Engineered Text Boxen Under-Engineered Responsive Tables Under-Engineered Select Menus Under-Engineered Dependency Questions This post is not about <select multiple> nor a bunch of <div>s roled-up into a listbox with aria-multiselectable. Both the APG examples and…

Posted:

Tags: accessibility, css, html, pattern, usability, UX

My Cease & Desist from AudioEye

On Tuesday April 5, 2022, a FedEx driver dropped off an overnight envelope from Manhattan. It contained a three page Cease & Desist letter from Cozen O’Connor, the law firm representing AudioEye, Inc. On Thursday April 14, 2022, I received a follow-up letter by the same delivery method. I scanned…

Posted:

Tags: accessibility, overlay

Keyboard Challenges for Twitter’s New ALT Badge

On 7 April 2022, Twitter added a feature to let all web users display the alternative text on images in tweets. I am glad to see this feature in the wild for everyone. It has some issues, however, which complicate the experience for sighted keyboard users. The following video demonstrates…

Posted:

Tags: accessibility, ARIA, css, html, Twitter, usability, UX

Accessible Description Exposure

If you have little experience with ARIA, screen readers, or testing in general, understanding accessible descriptions can be trickier than understanding accessible names (already confusing for many). I have written explanations so many times for clients and in fora that I opted to put this together so I maybe never…

Posted:

Tags: accessibility, ARIA, browser, standards

Foolishly Responsive

Honoring April Fools’ Day I have created a foolishly responsive accordion control. Typically a responsive effort shoehorns a large pattern into a narrow viewport, often based on iDevice screen sizes. Less typically a responsive layout will also consider viewport height, and far less typically a responsive layout might even consider…

Posted:

Tags: accessibility, design, usability, UX

Maybe Don’t Use Flow Charts on GitHub

In February the GitHub blog announced users would be able to Include diagrams in your Markdown files with Mermaid. I thought this was nifty, and even noticed on an initial scan that they considered screen reader users. Until I read this (since deleted): …clients requesting content with embedded Mermaid in…

Posted:

Tags: accessibility, html, SVG

ADA Web Site Compliance Still Not a Thing

Photo courtesy Steve Faulkner, taken outside the CSUNATC 2022 venue after we had chicken and rice, free from the food desert of the venue. Who has two thumbs and is not a lawyer? For years I have worked with clients who refer to digital/web accessibility as ADA work. They have…

Posted:

Tags: accessibility, law, overlay, standards