Des interactions accessibles par contrat
Clavier, focus et formulaires intégrés.
Les composants Lyra documentent les noms accessibles, les états et le comportement des événements. Les vérifications multinavigateurs couvrent les interactions essentielles ; les applications doivent encore fournir des libellés et contenus pertinents, ainsi que des tests de bout en bout.
Exemple
Donnez un nom accessible explicite à un contrôle interactif.
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);