Articles for the Accessibility tag
-
Bearnie: The shadcn-Style Component Library Astro Was Waiting For
React developers have shadcn/ui. Astro developers had to envy it from across the fence. Bearnie brings the same own-your-code philosophy to Astro, minus the framework runtime.
-
SVGInject: Teaching Your Images to Speak CSS
An icon trapped inside an img tag is a sealed envelope: you can see it, but you cannot touch the words inside. SVGInject opens the envelope at runtime so CSS can read every line.
-
Elena: Progressive Web Components That Lead With HTML
Most web component libraries demand JavaScript before they show you anything. Elena flips that order, treating JS as an enhancement rather than a prerequisite.
-
Micromodal.js: Tiny, Accessible Modals Without the Bloat
Modals look simple until you try to make one that screen readers and keyboard users can actually use. Micromodal.js quietly handles that part for you.
-
React Hot Keys: Declarative Keyboard Shortcuts Without the Boilerplate
Keyboard shortcuts make an app feel fast and professional, but wiring them up by hand means fighting event listeners, modifier normalization, and lifecycle cleanup. React Hot Keys turns all of that into a single declarative component.
-
React Joyride: Take Your Users on a Guided Adventure
New users land in an unfamiliar UI and freeze. React Joyride hands them a friendly tour guide instead, complete with spotlights, beacons, and a tooltip that knows exactly where to point.
-
HeroUI: Beautiful by Default, Customizable by Design
Building an accessible, themeable, good-looking component library from scratch is one of the most expensive things a front-end team can sign up for. HeroUI hands you all three at once.
-
tinykeys: Big Keyboard Power in About a Kilobyte
Keyboard shortcuts feel like magic when they work and like a maintenance nightmare when you roll your own. tinykeys gives you the magic without the nightmare, all in roughly a kilobyte.
-
react-native-enriched-markdown: Markdown Rendering Without the WebView Tax
Render Markdown as truly native text in React Native, with a C-powered parser and zero WebView overhead.
-
React Split Pane v3: The Classic Layout Splitter Gets a Modern Makeover
React Split Pane just shipped its biggest update ever. Version 3 is a complete rewrite with hooks, TypeScript, accessibility, and features the original never had. Here is everything that changed and how to upgrade.