Presentations tagged accessibility
accessibility elsewhere
Other relevant things on accessibility you might find valuable.
Identifying Accessibility Data Gaps in CodeGen Models
Rather than relying on anecdotal evidence or cherry-picked examples, I built a systematic approach to evaluate how well LLMs —…
Read MoreThe Impact of Web Accessibility Overlays | Master’s Thesis by Daniela Kubesch
This thesis investigates the impact of accessibility overlays on the usability and user experience (UX) for individuals with permanent visual…
Read MoreAnnotating designs using common language – TetraLogical
In most organisations, design documentation often includes annotations, but accessibility-specific ones are still rare. That’s a missed opportunity. Annotating designs…
Read MoreAn Accessible Guide to WCAG 3.3.8: Authentication Without Frustration
Logging in can be tough for users with cognitive disabilities. WCAG’s Success Criterion 3.3.8, “Accessible Authentication,” provides guidance. Source: An…
Read MoreScreen readers do not need to be saved by AI
Imagine listening to your favourite podcast. You rewind it to go over something you missed, but each time you replay…
Read MoreCSS to speech: alternative text for CSS-generated content
While making an update to a course chapter that includes the use of CSS-generated content in the accessible name computation…
Read MoreYellow, Purple, and the Myth of “Accessibility Limits Color Palettes”
So, let’s address the myth head-on. Accessibility does not limit your color palette choices. What feels limiting is often a…
Read MoreOn Dashes, A.I., and Screen Readers – TPGi
Source: On Dashes, A.I., and Screen Readers – TPGi
Read MoreCan components conform to WCAG?
We can build UI components with accessibility in mind. We can also document accessibility specifics alongside them. Both are helpful…
Read MoreConformance vs compliance, accessibility standards edition
Two words that are often confused: conformance and compliance. What do they mean? Source: Conformance vs compliance, accessibility standards edition…
Read MoreHorizontal Scrolling Containers Are Not a Content Strategy
I should clarify that I am not talking about carousels. That said, because users often consider horizontal scrolling containers to…
Read MoreThe Web Is About to Get Better for Everyone, Everywhere
The next big thing in web development isn’t a framework. It’s a piece of legislation. Starting summer 2025, the European…
Read MoreAccessibility and the agentic web – TetraLogical
So, what if there was a different way? What if I could ask a digital personal shopping assistant to help…
Read MoreDesigning Better UX For Left-Handed People — Smashing Magazine
Today, roughly 10% of people are left-handed. Yet most products — digital and physical — aren’t designed with them in…
Read MoreDesigning for User Font-size and Zoom
When I tried setting my browser font-size preferences, I found it broke more sites than it improved, and I quickly…
Read MoreWhy I don’t trust WCAG 2.2 and what I’m hoping from 3.0
In this day and age, we must also consider the negative impact that a brand incurs when it fails to…
Read MoreWCAG in Plain English
Making accessibility standards easy to understand, one success criterion at a time.Friendly reminder: This is a beginner-friendly guide, not a…
Read MoreHow to Use ARIA Roles and Properties Effectively
Accessible Rich Internet Applications (ARIA) is one of the most powerful tools in a developer’s accessibility toolkit—but it’s also one…
Read MoreSetting Line Length in CSS (and Fitting Text to a Container) | CSS-Tricks
First, what is line length? Line length is the length of a container that holds a body of multi-line text.…
Read MoreDesigning For Neurodiversity
Neurodivergent needs are often considered as an edge case that doesn’t fit into common user journeys or flows. Neurodiversity tends…
Read MoreWhat I Wish Someone Told Me When I Was Getting Into ARIA
If you haven’t encountered ARIA before, great! It’s a chance to learn something new and exciting. If you have heard…
Read MoreHow 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 MoreInformative Images | Web Accessibility Initiative (WAI)
Informative images convey a simple concept or information that can be expressed in a short phrase or sentence. The text…
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 MoreModern Health, frameworks, performance, and harm – Eric Bailey
An experience like Modern Health should be as lean and fault-tolerant as possible. It should not make 162 requests transferring…
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 MoreNeurodiversity Design System
The NDS is a coherent set of standards and principles that combine neurodiversity and user experience design for Learning Management…
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 MoreAccessible notifications with ARIA Live Regions (Part 1) – Sara Soueidan, inclusive design engineer
Without live regions, some rich web applications would be more challenging to use for screen reader users. So if you’re…
Read MoreDesigning better target sizes
An interactive guide on designing better target sizes on the web. Source: Designing better target sizes
Read More