Interacțiune accesibilă prin contract
Tastatura, focalizarea și formularele sunt integrate.
Componentele Lyra documentează nume accesibile, stări și comportamentul evenimentelor. Verificările în mai multe browsere acoperă interacțiunile de bază; aplicațiile trebuie totuși să ofere etichete și conținut relevante și testare completă.
Exemplu
Oferă unui control interactiv un nume accesibil explicit.
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);