bbioonThemes
  • Home
  • Blog

Category: Accessibility

Accessibility, Design, Development

Testing font scaling at 200% with Figma variables

Alt tags do not save a layout that falls apart at 150% zoom. Setting up Figma variable modes for 100, 120, 150 and 200 percent, seeing what breaks when you toggle them, and the rem-based CSS that keeps the scaling honest.

Read Article
Accessibility, Development

Accessible UX Research: why a WCAG checklist is not enough

A look at Accessible UX Research, the new Smashing Magazine book by Dr. Michele Williams, and why passing a WCAG checklist is not the same as being usable. Includes the nav menu ARIA fix I keep applying to custom themes.

Read Article
Accessibility, Development, Front-end

Popover API vs Dialog API: how to pick the right one

Popover API and Dialog API solve different problems: one is for light non-modal UI, the other for true modals that block the page. This post breaks down when to use each, with working code.

Read Article
Accessibility, Development, Front-end

The Popover API makes tooltips simpler and more accessible

The Popover API gives WordPress developers a native, declarative way to build accessible tooltips and menus, without the JavaScript libraries and manual ARIA syncing tooltips used to require.

Read Article
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

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