Accessibility
Updated on April 7, 2026
Baleada Features implements comprehensive accessibility.
This includes accessibility features that are always required (like ARIA role & attribute management, keyboard interactions, and focus management) as well as optional, situational, and dynamic features.
For example, use your mouse, keyboard, touch, and screen reader to play with this custom multiselectable listbox, and note these features, required by WAI-ARIA guidelines:
- It announces itself properly to assistive tech, including selection state and disabled state
- It supports Excel-inspired pointer and keyboard interactions
- It automatically manages focus on the listbox options
And note how this listbox, which has the required label, also has a fully optional description that gets announced to assistive tech. Baleada Features makes this easy to do.
Other accessibility features are situational and configurable.
For example, in the listboxes above:
- We use a vertical orientation
- We don't allow disabled options to receive keyboard focus
- We allow the listbox to be cleared, via the Escape key and pointer interactions
- When focus reaches the last option, it wraps around to the first option
But in a different context, even within the same UI, you might want to:
- Use a horizontal orientation
- Allow disabled options to receive keyboard focus
- Prevent the listbox from being cleared
- Stop focus from wrapping around to the first option
All of this is allowed by the WAI-ARIA spec, as long as keyboard interactions and other accessibility features work as expected.
Here's the same listbox, but with those customizations:
There are even some accessibility features that need to change dynamically at runtime.
For example, consider Excel's default keyboard interactions:
- Arrow keys will navigate the cells
- Shift + arrow keys will select multiple cells
- With multiple cells selected, the next arrow key will destroy the selection and start over
To select a second, disconnected cell range, without wiping out the first range, sighted users typically hold down the Command or Control key, and click-and-drag to add the second range. But this is not an option for keyboard-only users.
Keyboard-only users in Excel actually toggle an "Add to Selection" mode that allows them to navigate to and select the second range without losing the first range.
In other words, the user changes app state, and the app responds by changing its accessibility features on the fly.
Baleada Features supports these dynamic accessibility features, too:
And on top of that, Baleada Features adds these features to UI elements where you might not expect them, but will definitely appreciate them. Returning to our original example, notice how Excel-inspired dynamic keyboard interactions are available in Baleada's multiselect listboxes, too:
When it comes to accessibility, the web platform is amazing, but it's still missing so many UI components, and so much configurability. Baleada Features aims to close that gap.
