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…
Testing & QA
⚑ Report a ProblemLatest Testing & QA news from Tech News
All topics
agents
ai
api
architecture
automation
backend
beginners
career
claude
cybersecurity
devchallenge
devops
discuss
javascript
llm
machinelearning
mcp
node
opensource
performance
productivity
programming
python
security
showdev
softwareengineering
testing
tutorial
typescript
webdev
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…
HTML и CSS из прошлого, которые до сих пор актуальны
Привет, Хабр! Я интересуюсь вёрсткой с момента появления первых версий браузера Google Chrome. Конечно, современному фронтендеру тяжело понять то, ч…
Why HTML, CSS, and JavaScript Aren’t Dead Yet (Even with AI Writing Code)
If you spend any time on tech Twitter, LinkedIn, or YouTube lately, you’ve probably seen someone posting a 10-second video of an AI generating a ful…
Hreflang for SaaS Docs: Test the Language Pair Before Shipping More Pages
For hreflang multilingual SEO, test a complete pair of equivalent pages before expanding to more languages. Check the English page, its French count…
Prove native <dialog> focus trapping and restoration with a browser test
Test observable behavior, not a focus model A JavaScript object can simulate modal focus perfectly while the real page is broken. This fixture expor…
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…
dblclick silently never fires if your click handler replaces the element
Double-clicking a card in a solitaire game should send it to its foundation pile. In mine, it didn't. There was no error in the console, and the dbl…
Customizable Select: The <select> dropdown FINALLY catches up with CSS
Style native dropdowns with CSS, from the picker and checkmark to options with rich HTML. Explore current browser support and three practical exampl…
I Taught HTML & CSS to Beginners. Here’s Why Most Tutorials Get It Completely Wrong.
A few weeks ago, a friend sat next to me and said, "I want to learn web development, but every course feels so dry." I asked them what they had lear…
Notes from the Pass: The Same Interface, Rebuilt Three Times
Also available in Español The Claim Being Tested Tuesday's essay drew a line between two kinds of browser default: decoration, which carries no func…
Building a Zero-Dependency Cyberpunk AI Prompt Widget for Website Sidebars (Full Source Code)
Hey dev community! 👋 I wanted to find a clean way to increase user time-on-page metrics for a tech blog without bloating the server with heavy track…
I Built a Responsive Business Landing Page with HTML, Tailwind CSS, and GitHub Pages
I recently wanted to build a simple business website that looked professional on desktop and mobile without making the project unnecessarily complic…
How to send HTML form data to an email address
You have a static page with a contact form. You want what people write in it to arrive in your inbox. You search, and half the answers say mailto: ,…
Your HTML Is an API Surface: 7 Patterns That Make Web Apps Easier to Automate
Modern frontend development usually treats HTML as the final output of a much larger system. We think about: React components state management APIs…
Велосипед для покрытия: когда стандартные инструменты не справляются
Что делать, когда есть вполне стандартная задача, но популярные инструменты не могут ее решить? Правильно, время - изобретать свой велосипед. Задача…
Building for Everyone: Deep Diving into Advanced HTML Tables & Web Accessibility (a11y)
Hey everyone! 👋 Continuing my journey through the Full Stack JavaScript path on The Odin Project , today I shifted focus over to a module that separ…
La Liga's Web Accessibility Table: How Do Clubs Actually Score?
I should start by saying that I'm not a web accessibility expert. I work in web development and deal with accessibility features regularly, but I've…
myjs
A JavaScript interpreter for Python. Run .js files, render HTML pages headlessly, script the DOM, call native C through ffi, and reach the entire Py…
Building Fluentic Style: Styling DOM You Do Not Own With `createSheet`
This is part of my Building Fluentic Style series, where I’m writing down the design decisions, tradeoffs, and small surprises from building Fluenti…
How Does the Browser Turn Code Into Pixels?
When you build a website, you write code like this: <h1> Welcome </h1> <p> This is my website. </p> <button> Get Start…
Beyond CSS-in-JS: From Element Styles To Component Themes
This is part of my Building Fluentic Style series, where I’m writing down the design decisions, tradeoffs, and small surprises from building Fluenti…
How Particle Effects Improve Game Feel in HTML5 Games
A game can be mechanically correct and still feel flat. The button works. The enemy loses health. The coin counter increases. The level completes. E…
Rendering Custom Fonts to a 2048px PNG with Canvas
A browser preview can look correct while the downloaded image is wrong. The usual failure is timing: CSS eventually applies the custom font to the p…
Tutorial: Text fixed at initial card
Devlog — PR #84: "Tutorial: Text fixed at initial card." URL: https://github.com/weirdcodesofficial/MOKSHA/pull/84 In a nutshell This PR fixes the t…
Тест локальных MOE моделей
Я тут решил решил чуток заморочиться и протестировать локальные MOE модели на кодинг. Кодинг громко сказано - мои задачи исключительно игры причем н…
WordPress Ate My && — Making a WordPress.com Blog Multiplayer with playhtml
My site, dhseadev.online , runs on WordPress.com. Managed hosting, block theme, no server code of my own. It is the least likely candidate for real-…
10 Cool CodePen Demos (July 2026)
Cut Squares Tessellated Pattern - No Div - Pure CSS Josetxu used some conic and linear gradients along with custom properties to craft this three-di…
A Button Showcase with One-Click HTML Copy
When building a website, choosing a button design can take more time than expected. You may want something simple, soft, colorful, dark, outlined, o…
Build an Accessible Code Diff With One Reading Order and Navigable Hunks
A side-by-side code diff is visually efficient. It can become incoherent when assistive technology reads the entire old file and then the entire new…