Zugängliche Interaktion als Vertrag
Tastatur, Fokus und Formulare integriert.
Lyra-Komponenten dokumentieren zugängliche Namen, Zustände und Ereignisverhalten. Browserübergreifende Prüfungen decken grundlegende Interaktionen ab; Anwendungen müssen weiterhin sinnvolle Beschriftungen, Inhalte und End-to-End-Tests bereitstellen.
Beispiel
Geben Sie einem interaktiven Steuerelement einen eindeutigen zugänglichen Namen.
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);