Tilgjengelig samhandling etter kontrakt
Tastatur, fokus og skjemaer er innebygd.
Lyra-komponenter dokumenterer tilgjengelige navn, tilstander og hendelser. Tester på tvers av nettlesere dekker sentrale samhandlingsmønstre, men apper må fortsatt gi meningsfulle etiketter og innhold og teste hele flyten.
Eksempel
Gi en interaktiv kontroll et tydelig tilgjengelig navn.
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);