Add Arrow-Key Shortcuts to a Confirmation Dialog Without Breaking Accessibility
Two buttons in a confirmation dialog look simple: Cancel and Confirm. Keyboard behavior makes the component a small state machine. A recent MonkeyCode…
Latest News
⚑ Report a ProblemTech news from the best sources
All topics
AI
Gear
News
Tech
agents
ai
api
architecture
automation
beginners
career
database
devchallenge
devops
discuss
javascript
llm
machinelearning
mcp
opensource
performance
productivity
programming
python
react
security
showdev
tutorial
typescript
webdev
I built a VS Code extension that reads your code aloud and narrates git diffs with AI
I do a lot of doc-heavy and review-heavy work, and I kept losing time re-reading dense markdown and PRs instead of just listening to them. "Just use a…
Make a Real-Time Transit Map Useful Without the Map
A voxel Tokyo synchronized to real-world time is trending today. The visual experience is delightful, but the underlying transit state should remain u…
What is going on?
Playing the game of writing technical post was funny two years ago. Now, I am a mod and it is incredible the amount of posts generated by AI that I ha…
Managing Focus in Angular: Dialogs, Drawers and Route Changes Without Stranding Your Users
Every accessibility checklist mentions focus management, and then moves on — as if it were one item. It isn't. It's a discipline, and it's the single …
The React Native Accessibility Bugs Every App Ships With (And How to Fix Them)
The React Native Accessibility Bugs Every App Ships With (And How to Fix Them) I've reviewed a lot of React Native codebases in the last year. Every s…
WCAG 2.2 Accessibility for React Developers — Practical Guide
I'm Safdar Ali , a frontend engineer in Bengaluru. Last quarter I audited a client dashboard that looked polished — clean Tailwind, smooth transitions…
This post shares a real accessibility case study from NASA.gov showing how one shared UI component resulted in 25 WCAG violations. It highlights why repeated implementation patterns matter and how fixing a single component can eliminate dozens of issues.
One Component, 25 Accessibility Violations: A Real Example from NASA.gov Olesya Boyarshinova Olesya Boyarshinova Olesya Boyarshinova Follow Jul 9 One …
HTML
welcome to my first blog This is not an Ordinary blog. it is based on my own understanding and i am still learning . I will explain topics simple word…
Web accessibility basics every team should ship
Accessibility gets treated as a specialist compliance topic, which scares teams into doing nothing. The truth is that a handful of fundamentals cover …
Chrome 150 hands composite-widget arrow keys to the browser
Every custom listbox, tablist, menu and toolbar you have ever shipped has come with the same hidden JavaScript bill. The keyboard behaviour a native &…
Why I Built an Angular Component Library Where Accessibility Isn't a Backlog Item
I've been building with Angular for ten years, and in that time I've watched the same thing happen on nearly every project. A component gets built, it…
Day 12: I took a week off from coding to audit 15 Android apps for accessibility. WhatsApp and Google apps are fully automatable. Local banking and government apps? Completely invisible. My AI agent is becoming an accessibility audit tool.
Project Log #12: I Spent a Week Auditing Apps. The Results Changed This Project. Okeke Chukwudubem Okeke Chukwudubem Okeke Chukwudubem Follow Jul 4 Pr…
Apple locked hearing assistance inside AirPods. So I built an open-source version for any earbuds.
In 2024, Apple shipped something genuinely great: AirPods Pro can run a clinical-style hearing test and then act as hearing assistance, tuned to your …
Voice Revive:
My father is a stroke patient. Watching him try to speak clearly again — with patience, repetition, and no small amount of courage — is what pushed me…
AXE Passes, But It's Still Unusable: The Accessibility Bugs Automated Tools Can't Catch
There's a particular kind of false confidence that comes from a green accessibility report. The CI check passes, the Lighthouse score says 100, the AX…
One line of CSS that breaks keyboard accessibility sitewide and two other patterns we keep finding in audits
Last week we ran accessibility audits across multiple sites. Different industries, different tech stacks, different teams. The same three problems kep…
Vertical Layout Considerations
Prologue A while ago, I decided to develop a fully accessible main navigation component in React and write a series of articles documenting the steps …
Semantic HTML and Accessibility: Building Better Websites
Semantic HTML and Accessibility: Building Better Websites Introduction Semantic HTML is the practice of using HTML elements that clearly describe the …
WCAG 2.2 AA Audit Readiness for Product and Engineering Teams
An accessibility audit is not only a compliance activity. For engineering teams, it is also a quality review of how real users interact with the produ…
The Unicode trap I had to design around in a LinkedIn formatter
I built a small tool for formatting LinkedIn posts, and the deceptively simple part was also the most important part: styled text is not formatting. I…
Stop Hardcoding Hex #d9d9d9 In Your CSS
If you open any massive legacy codebase or inspect a fresh Figma handoff, you will probably see one hex code repeating everywhere: #d9d9d9. It’s the u…
Grimicorn Neon: When a Calm Theme Goes Loud
Originally published on danholloran.me The original Grimicorn was an exercise in restraint: muted pastels on a blue-gray base, tuned so nothing on scr…
Why Semantic HTML is a Superpower for Your Website.
Why Semantic HTML is a Superpower for Your Website As I’ve been building my personal portfolio during the IYF Season 11 program, I realized that writi…
Your site does not need to function the same on every platform
Honesty time: somewhere this quarter, you absolutely shoved a swipe handler into a desktop layout because someone in the meeting said the experience s…