Dostępne interakcje jako kontrakt
Klawiatura, fokus i formularze są wbudowane.
Komponenty Lyry dokumentują dostępne nazwy, stany i zachowanie zdarzeń. Testy między przeglądarkami obejmują główne wzorce interakcji; aplikacje nadal muszą zapewnić zrozumiałe etykiety, treści i testy całościowe.
Przykład
Nadaj interaktywnej kontrolce wyraźną dostępną nazwę.
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);