Accessible actions dey part of the contract

Keyboard, focus and form behaviour don dey inside.

Lyra components document accessible names, states and event behaviour. Checks for different browsers cover main interaction patterns; apps still need meaningful labels, content and end-to-end tests.

Example

Give any interactive control clear accessible name.

import '@aceshooting/lyra-ui/components/lr-icon-button.js';

const action = document.createElement('lr-icon-button');
action.icon = 'search';
action.setAttribute('aria-label', 'Search'); // Translate this label in your app.
document.body.append(action);

Browse components · Read di guide (for English)