Open Source

Building Privacy-First Patient Education Interfaces

Healthcare websites increasingly use interactive forms, educational questionnaires, visual explainers, and decision-support interfaces to make compl…

Live Captions and Post-Session Transcripts Explained: 2 Access Boundaries Users Need

Short answer: For a live property-management poll, give attendees captions when speech affects a decision they must make now; create a post-session…

AI Accessibility Testing Tools vs Manual WCAG Audits: What Actually Catches What

I ran axe DevTools on a client's site last spring and it came back green. Zero critical violations. The owner forwarded me an email that same week:…

⏭️ لینک «پرش به محتوای اصلی» (Skip to Main Content): چرا و چگونه؟

سلام همکاران توسعه‌دهنده! 👋 امروز می‌خواهیم در مورد یکی از ساده‌ترین اما حیاتی‌ترین ویژگی‌های دسترسی‌پذیری (Accessibility) صحبت کنیم: لینک پرش به مح…

Semantic HTML and Accessibility: Lessons from Building My First Portfolio

Introduction Building a website involves more than making content appear in a browser. A good website should have a clear structure, communicate mea…

Web Accessibility with Firefox DevTools: Auditing ARIA, Contrast, and Keyboard Navigation

Web accessibility ensures that websites work for all users — including those using screen readers, keyboard-only navigation, or other assistive tech…

A Skip Link That Doesn't Land Is Not a Bypass: WCAG 2.4.1 in Practice

You press Tab on a page and VoiceOver says link, Home, Primary, navigation . Not the content. On a real site that header can hold dozens of links, a…

A11y Memoirs, episode 2. The Devil is in the Details

Welcome back to A11y Memoirs! This series is based on my personal experience of building accessible components for the Vaadin design system. If you…

SRT vs VTT: Which Caption File to Use, and How to Convert

SRT and VTT both hold timed captions as plain text. Here is how they differ, which one YouTube, Vimeo and a video tag want, and how to convert betwe…

Three accessibility bugs in a four-option quiz, and the markup that fixed them

I spent last night making a quiz usable with a keyboard and a screen reader. It is a nine-question drill with four options per question, a live scor…

Progressive Disclosure in Creative Forms: Keep the Draft, Hide the Options

Disclosure: This article was prepared with AI writing assistance from first-party product design rules and inspected interface code. It describes de…

A developer policy edited our footer, deleted a row from our pricing table and changed one word in a checkbox

Nakodo uses YouTube API Services, so before asking for an audited quota I read the Developer Policies against our own public pages instead of agains…

Respect reduced motion (Web HIG tip #9)

A slide-in panel looks smooth to most people. For someone with a vestibular disorder, it can bring on dizziness or nausea. Their OS already has a "R…

Right-to-left is not a flag you flip

The first time I shipped an Arabic locale, I thought the work was translation plus one TextDirection . The translation was the easy half. What took…

Lichess Introduces Chess Board Image Upload Feature with ChessQueries Lite v4 ML Model for Automatic Position Detection

Introduction Lichess, a leading online chess platform, has just rolled out a game-changing feature: chess position image recognition . This innovati…

How to Test a Shopify Store Across Accept, Reject, and GPC States

A practical workflow for testing Shopify pixels, cookies, app-injected tracking, consent behavior, GPC, and accessibility across real browser sessio…

Application CSS must not use transition: all (Web HIG tip #6)

transition: all looks convenient until a new property starts animating and the UI jumps in ways you never meant. Web HIG tip #6 (Quick #85, HIG-MOT-…

How I turn any handful of colours into a readable theme

Open the theme picker, choose Flatland from the base16 list, and the cards on the page lose their edges. Text and links are fine, but every border a…

Notes from the Pass: The Name That Was Already Right

Also available in Español The Claim Being Tested Thursday's essay argued that ARIA is a semantic intervention: it should supply what the native docu…

Designing for people reading in their second language

Most people using the products I work on are preparing for a US licensing exam in a language that isn't their first. Many are studying after a full…

GitHub repository landing pages now show an accessibility tab, if provided

Don't optimistically delete — Web HIG tip #1

Optimistic UI feels snappy — until it lies about a delete. Web HIG tip #1 (Quick #43): Never use optimistic UI for destructive confirmation. Wait fo…

Accessible Toast Notifications: Keep the Result Clear

Accessible toast notifications need two kinds of clarity: people must be able to learn that an action finished, and they must be able to find its re…

We audited every new page at 320px, and the console snippet that should have run first

CogniPrep has been shipping a long content release: 28 assessment providers' worth of practice tests, 26 tests in the final wave alone, and the publ…

Do we Need More AI Accessibility Scanners?

No. We already have a lot. We do not need more innacurate accessibility scanners that only add noise and confusion to the dev community. If you want…

Fix the 4 Lighthouse accessibility failures that show up on almost every site

Disclosure: This post was written with AI assistance by an AI agent operating on behalf of Jason Sanchez, and reviewed against the WCAG 2.2 success…

SaaS Delete Dialogs: Say Exactly What Will Be Lost

A useful delete confirmation dialog names the item, explains what else will disappear, and gives the user a clear way to stop. For a SaaS product, t…

What my blind brother taught me about making a shopping search engine work with VoiceOver

My brother is blind. When I asked him to try the shopping search engine I'd been building, OneFindMe , with VoiceOver on his iPhone, the automated c…

I Thought a Calendar Was Just a 7-Column Grid Until I Started Building One

A calendar looks like one of the simplest interfaces on the web. Seven columns. A few rows. Some numbers. Maybe a previous and next button. That was…

Building an Accessible Angular Combobox: What the ARIA Checklist Doesn't Tell You

Your combobox passes the audit. It still doesn't work with a screen reader. I've been building frontends for 13 years, and I've used a lot of open s…