Tilgængelig interaktion i henhold til kontrakt
Tastatur-, fokus- og formularadfærd er indbygget.
Lyra-komponenter dokumenterer tilgængelige navne, tilstande og hændelsesadfærd. Test på tværs af browsere dækker vigtige interaktioner; applikationer skal stadig give tydelige etiketter og indhold samt udføre ende-til-ende-test.
Eksempel
Giv en interaktiv kontrol et eksplicit tilgængeligt 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);