bbioonThemes
  • Home
  • Blog

Tag: Accessibility

Accessibility, Design, Front-end

CSS contrast-color(): let the browser pick readable text

The CSS contrast-color() function returns black or white text for whatever background color a user picks. How the syntax works, why the @supports fallback still matters, and the cases it does not cover.

Read Article
Accessibility, Design, Front-end

Streaming UI stability: fixing scroll jumps and layout shifts

Streaming interfaces jump around and drag the scrollbar back to the bottom. What fixes it: tracking whether the user scrolled away, batching renders into the animation frame, and marking the container up as an ARIA log region.

Read Article
Development, Front-end

Polyfilling the ::nth-letter selector with a JavaScript shim

The ::nth-letter selector still is not in any browser, and hand-wrapping every character in a span wrecks the DOM. A shim that rewrites the raw CSS into :nth-child and lets SplitText handle the markup and the ARIA.

Read Article
Accessibility, AI in WordPress, Design, Development

Why production-ready prototyping keeps breaking sites

Recruiters now expect designers to ship production code out of AI agents. Here is what that costs in practice: toggles no screen reader can see, XSS holes in generated forms, duplicated code, and engineers spending more time per pull request cleaning up after it.

Read Article
Accessibility

Session timeout accessibility, and who it locks out

A 15-minute session with no warning is a wall for anyone who needs longer to fill in a form. What WCAG 2.2.1 asks for, why the auth_cookie_expiration filter on its own is not enough, and how I handle warnings and auto-save.

Read Article
Design, Development, Front-end

Handling UI state in CSS with a radio state machine

Most visual UI state does not need JavaScript. This is the radio state machine: radio inputs plus :has() and :checked driving toggles, panels and swatches in WordPress and WooCommerce, without breaking keyboard or screen reader access.

Read Article
Design, Development

Improving UX in legacy systems without breaking production

Big-bang redesigns of legacy systems usually end in a blown budget and a broken database. What works instead: mapping dependencies, measuring the slow paths, and choosing a migration strategy that keeps production up.

Read Article
Development, Front-end

Build a CSS date range selector with :nth-child(of)

How I stopped managing calendar range styling in JavaScript. The :nth-child(of) syntax plus the sibling combinator handles the highlight in CSS, leaving JS to do nothing but keep two checkboxes in sync.

Read Article
Development, Front-end

Alternatives to !important that keep the cascade intact

Cascade layers, the :is() pseudo-class and selector doubling all settle specificity conflicts without !important. Plus the few cases, like utility classes and accessibility overrides, where !important is still the right call.

Read Article
AI, AI in WordPress

WordPress AI plugin 0.7.0 takes on tagging and metadata

WordPress AI Plugin 0.7.0 adds content classification that can stick to your existing terms, context-aware meta descriptions, bulk alt text in the Media Library, and a filter for system instructions.

Read Article

Posts navigation

Previous 1 2 3 4 … 10 Next

bbioonThemes

Senior WordPress Engineer
Toptal & Codeable Expert

Connect

  • GitHub
  • Twitter
  • LinkedIn
  • Codeable

Explore

  • Expertise
  • Work
  • Insights
  • Blog

Resources

  • bbioonThemes
  • Contact
  • Privacy Policy
© 2026 bbioonThemes. All rights reserved.
Privacy