Presentations tagged a11y
a11y elsewhere
Other relevant things on a11y you might find valuable.
How to have the browser pick a contrasting color in CSS | WebKit
Have you ever wished you could write simple CSS to declare a color, and then have the browser figure out…
Read MoreAre ‘CSS Carousels’ accessible?
In this post I want to examine the newly announced “CSS Carousels” through the lens of usability and accessibility. I’ll…
Read MoreThe State of Mobile App Accessibility Report
This report from ArcTouch and Fable assesses the accessibility of 50 leading Android and iOS apps across five industries: Food…
Read MoreWebAIM: The WebAIM Million – The 2025 report on the accessibility of the top 1,000,000 home pages
For the seventh consecutive year, WebAIM conducted an accessibility evaluation of the home pages for the top 1,000,000 web sites.…
Read Moremind the WCAG automation gap – HTML Accessibility
What can automated tools test without humans? Source: mind the WCAG automation gap – HTML Accessibility
Read MoreOn popover accessibility: what the browser does and doesn’t do | hidde.blog
One of the premises of the new popover attribute is that it comes with general accessibility considerations “built in”. What…
Read MoreAI and Accessibility: the Good, the Bad, and the Bollocks
Depending on what you read, and who you believe, AI is either the ultimate solution or armageddon in motion, so…
Read MoreAccessibility tooling and good intentions
Your accessibility tooling deserves the same first class treatment as the rest of your stack. TLDR: Get your accessibility tooling…
Read MoreNotes from my Accessibility and Gen AI podcast appearence
I actually use Large Language Models for most of my alt text these days. Whenever I tweet an image or…
Read MoreComparing local large language models for alt-text generation
I tested 12 LLMs — 10 running locally and 2 cloud-based — to assess their accuracy in generating alt-text for…
Read MoreThe UX Researcher’s Guide to Getting Started with Accessibility Research
Many UX researchers want to conduct more meaningful accessibility testing with their products – and that means including people with…
Read MoreHow I learned to code with my voice
In January 2025, I developed excruciating pain and pins and needles in my hands, which made it very difficult to…
Read MoreConsiderations for making a tree view component accessible
Tree views are notoriously difficult to implement in an accessible way. This post is a deep dive into some of…
Read MoreAccessibility essentials every front-end developer should know by Martijn Hols
Many developers view accessibility as an overwhelming task, requiring a lot of extra effort or specialized knowledge. But a few…
Read MoreDon’t Use aria-label on Static Text Elements | Ben Myers
Don’t use the aria-label or aria-labelledby attributes on <div>s, <span>s, or other elements representing static/noninteractive text-level semantics, such as <p>,…
Read MoreBlaming Screen Readers 🚩×5
The title of this post is pretty specific. It relates to the meme on Twitter where users identify a trait…
Read MoreAlt Text: Not Always Needed | CSS-Tricks
But wait… are there situations where an image doesn’t need alt text? I tend to agree with Eric that the…
Read MoreTwo different kinds of “focusable” UI elements · Eric Eggert
In accessibility, “focusable” UI elements are represented by two separate yet equally important concepts: the elements who can be focused…
Read MoreMind The (Remediation) Gap
JavaScript frameworks continue to rise in popularity. For example, according to the 2024 WebAIM Million report, more than seventy thousand…
Read MoreTooltip Best Practices
In this article, I try to summarize the best practices mentioned by various accessibility experts and their work (like this,…
Read MorePDF Accessibility on the Web: Tricks and Traps – Part 1 – TPGi
Let me start by making two simple statements. It would be a very good thing if all PDF documents on the…
Read MoreWhat Makes a Font Accessible? A Designer’s Guide
Discover the key characteristics of accessible fonts and learn best practices for selecting and combining typefaces that ensure readability for…
Read MorePractical Accessibility Tips You Can Apply Today – Piccalilli
Building accessible UI patterns doesn’t have to be complicated, but it does require attention to detail and a commitment to…
Read MoreSetting up a screen reader testing environment on your computer
When you’re designing and developing for accessibility, performing manual testing using a screen reader is important to catch and fix…
Read MoreTools and Techniques to Create Accessible Accordion Components
Improve your web accessibility with this comprehensive guide on tools and techniques for creating user-friendly accordion components. Source: Tools and…
Read MoreA Step-by-Step Guide to Conducting a Web Accessibility Audit
The idea of an accessibility audit might sound overwhelming, especially if you’ve never conducted one before. But if you’re serious…
Read MoreThe order of accessible name computation steps | Stefan Judis Web Development
I try to be a good web citizen, and keep things accessible. Now, I’m no expert, but there are some…
Read MoreParagraphs
In HTML there is the the p element, which is the element you use if you want to explicitly markup…
Read MoreAssessing components and patterns for WCAG 2.2
Version 2.2 of the Web Content Accessibility Guidelines, released in October 2023, introduces six new requirements at the A/AA level.…
Read MoreAll Accessibility is Political: Understanding the Intersection of Accessibility, Disability, and Politics • Buttondown
You can’t talk about accessibility without talking about disability because accessibility is inherently tied to the experiences and needs of…
Read MoreThings to Do Before Asking “Is This Accessible?” — Adrian Roselli
It is not uncommon for someone to message, call, email, or carrier pigeon me to ask if something is accessible.…
Read MoreDungeons & Dragons taught me how to write alt text
For alt text, we want to also consider the larger context of what you’re trying to communicate, why, and if…
Read MoreIn detail: 1.4.11 Non-Text Contrast (User Interface Components)
The Web Content Accessibility Guideline’s (WCAG) Success Criterion 1.4.11 Non-Text Contrast is one of the harder to understand requirements. Here’s…
Read MoreWhat ARIA still does not do
In 2014 I wrote an article What ARIA does not do It stated: ARIA is a set of attributes that can…
Read MoreWhy are my live regions not working?
Live regions have a reputation for being “flaky” and inconsistent. While this can be attributed in part to shortcomings in…
Read MoreHow People with Disabilities Use the Web
How do people who cannot move their arms use your website? What about people who cannot see well or at…
Read MoreA Brief Introduction to Keyboard Accessibility
In the digital age, accessibility is a key component of web design and development. Ensuring that websites and applications are…
Read MoreBBC GEL | How to write text descriptions (alt text) in BBC News articles
How to write inclusive and accessible text descriptions for all types of images. Source: BBC GEL | How to write…
Read MoreWhoCanUse
It’s a tool that brings attention and understanding to how color contrast can affect different people with visual impairments. Source:…
Read MoreConfronting ableism to build a more inclusive web
The accessibility (or lack thereof) of web software starts with the assumptions made in the research process. Many web practitioners…
Read MoreAdactio: Journal—Applying the four principles of accessibility
Web Content Accessibility Guidelines—or WCAG—looks very daunting. It’s a lot to take in. It’s kind of overwhelming. It’s hard to…
Read MoreW3C unveils 174 new outcomes for WCAG 3.0 | Deque
For Global Accessibility Awareness Day (GAAD) this year, the W3C is publishing its latest draft of WCAG 3.0, adding 174…
Read MoreHidden vs. Disabled In UX — Smashing Magazine
Both hiding and disabling features can be utterly confusing to users. And for both, we need very, very good reasons.…
Read MoreThe Road to Accessible Drag and Drop (Part 1) – TPGi
Welcome to the first in a mini-series of articles, published over three days, where I’ll be exploring solutions for truly…
Read MoreWhat is Motion Sensitivity? How to Design Accessible Web Animations
As web developers, we love a good animation, right? But let’s be honest, sometimes we get caught up in the…
Read MoreWrite Alt Text Like You’re Talking To A Friend – Cloud Four
If you take nothing else away from this post, I want you to remember this: Write alternative text as if…
Read MoreWriting great alt text: Emotion matters – JakeArchibald.com
Good alt text means that screen reader users get the same ‘meaning’ from the page as a fully sighted user.…
Read MoreWhy are my live regions not working? – TetraLogical
Live regions have a reputation for being “flaky” and inconsistent. While this can be attributed in part to shortcomings in…
Read MoreWhy Good Captioned Videos Are Important – Meryl.net home
With the growing number of tools for captioning videos making do-it-yourself captions possible, so is the growing number of captioned…
Read MoreContinuous Accessibility
Continuous Accessibility is defined as the approach to ensuring that code intended to be displayed in browsers can be continuously…
Read MoreAccessible Forms with Pseudo Classes | CSS-Tricks – CSS-Tricks
In this post, I am going to take you through creating a simple contact form using semantic HTML and an…
Read MoreOn popover accessibility: what the browser does and doesn’t do | hidde.blog
One of the premises of the new popover attribute is that it comes with general accessibility considerations “built in”. What…
Read MoreAccessibility Myths
A small project debunking common accessibility myths. Source: Accessibility Myths
Read MorePrioritising Accessibility for ABC Websites – ABC
As more people shift towards the internet for media consumption and as part of our digital-first plan, it has become more…
Read MoreAccessibility Has Failed: Try Generative UI = Individualized UX
I’ll start with a disclaimer–this is not a view I endorse (largely due to the criticisms of actual experts in…
Read MoreMobile Accessibility Barriers For Assistive Technology Users — Smashing Magazine
Accessibility goes beyond making products user-friendly. It can significantly impact the quality of life for people with disabilities. Kate Kalcevich…
Read MoreCan generative AI help write accessible code? – TetraLogical
Léonie Watson asked three free Generative AI tools some typical questions about accessible code. The tools were Bard (now Gemini)…
Read MoreDon’t Disable Form Controls — Adrian Roselli
Source: Don’t Disable Form Controls — Adrian Roselli
Read MoreX marks the spot: Landmark elements
Imagine you had to describe the way through a building to someone without being able to point out certain things…
Read MoreThe CSS “content” property accepts alternative text | Stefan Judis Web Development
Developers often use before and after pseudo-elements (generated content) to style elements. With a few lines of extra CSS, it…
Read MoreDesigning better target sizes
An interactive guide on designing better target sizes on the web. Source: Designing better target sizes
Read More