Blog
Pixels, properly
Practical writing on visual QA, CSS, and accessibility — from the team building PxGuard.
How to make icon buttons accessible with aria-label
Learn how to make every accessible icon button work for screen readers — and why a missing aria-label is one of the most common WCAG failures on the web.
Read articleWhat is a positive tabindex (and why it breaks keyboard navigation)
Positive tabindex values seem like a quick fix for tab order problems — but they silently break keyboard navigation for every user who relies on it.
Read articleThe CSS box model, explained visually
Every element on the web is a box — understanding the CSS box model is the key to predicting how layouts behave and debugging them when they don't.
Read articleThe 5 CSS spacing mistakes I find on almost every website
Inconsistent spacing is the difference between a site that feels professional and one that feels off — even when nobody can say why. Here are the five that show up most.
Read articleA 5-minute WCAG check any developer can run (no audit budget needed)
You don't need a formal audit or an accessibility consultant to catch the most common, most damaging WCAG failures. Here's a checklist you can run in five minutes.
Read articleHow to check color contrast for WCAG (without opening DevTools)
Most accessibility failures are invisible until someone tells you — a reliable color contrast checker workflow catches the most common WCAG violations before they ship.
Read articleInspecting web component props: a guide for design-system developers
Inspect web components and their props directly in the browser — without digging through source code — to build and debug design systems faster.
Read articleStretched and oversized images: how to catch them fast
Stretched images and oversized assets silently hurt your Core Web Vitals and visual polish — here's how to spot them fast with rendered vs. intrinsic resolution checks.
Read article