bbioonThemes
  • Home
  • Blog

Category: Accessibility

Accessibility, Development, Front-end

What the CSS :near pseudo-class would replace in your JS

Thomas Walichiewicz proposed a :near() selector so CSS can react when a pointer gets close to an element. It would replace the usual pointermove distance math, though the CSS Working Group is still weighing the fingerprinting risk.

Read Article
Accessibility, Front-end

A semantic CSS pie chart a screen reader can read out

Conic gradients make a pie shape but leave screen readers with an empty box. This build keeps the data in the markup, places labels with cos() and sin(), and uses a few lines of JS for the slice offsets.

Read Article
Accessibility, Design, Development

Empathy-centred UX framework for mental health apps

Mental health apps need more than clean code. This is the empathy-centred UX framework I use: progressive onboarding, low-stimulus interfaces, and a retention system that does not punish a missed day.

Read Article
Accessibility, Development, Front-end

A CSS contrast color approximation that ships today

The contrast-color() function only works in Safari and Firefox so far, so dynamic text colors still need a workaround. Here is the OKLCH lightness trick I use in block themes and WooCommerce stores: one declaration, no JavaScript.

Read Article
Accessibility, Design, Development

When to use a combobox instead of a multiselect

Which control to reach for once a dropdown of 500 product variations stops being usable: combobox, multiselect, listbox or dual listbox. With a Gutenberg ComboboxControl refactor and the keyboard focus rules a real combobox has to meet.

Read Article
Accessibility, AI, Development

Hand gesture mouse control in 60 lines of Python

About 60 lines of Python turn a laptop webcam into a pointing device. Uses OpenCV and MediaPipe Hands for the 21 hand landmarks, PyAutoGUI to move the cursor, and a smoothing buffer to kill the jitter.

Read Article
Accessibility, Development

The HTML dialog element does not need your focus trap

I tabbed out of a showModal() dialog into the address bar and assumed it was a bug. It is not. Why the W3C APA group dropped the strict focus trap, what showModal() handles for you, and the two mistakes that make focus leak.

Read Article
Accessibility, Development, Front-end

Styling the ::search-text pseudo-element in Chrome 144

Chrome 144 added the ::search-text pseudo-element, which finally lets you style find-in-page highlights. Relative color syntax keeps matches readable on dark themes and saturated backgrounds.

Read Article
Accessibility, Bug Fixing, Development

First rule of ARIA: your semantic HTML already works

I shipped a button that passed every automated audit and still could not be triggered with a screen reader. The cause was a role attribute I had added for styling, which is the exact thing the first rule of ARIA warns about.

Read Article
Accessibility, Core Updates, Development

Web Almanac 2025: better CSS, worse accessibility

The 2025 Web Almanac covers 17.2 million sites. Variable fonts and text-wrap are finally common, but median mobile page weight is up 202.8% since 2015 and two thirds of sites strip their focus outlines.

Read Article

Posts navigation

Previous 1 2 3 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