Interação acessível por contrato
Teclado, foco e formulários já integrados.
Os componentes Lyra documentam nomes acessíveis, estados e comportamento dos eventos. As verificações em vários navegadores abrangem os padrões principais de interação; as aplicações continuam a precisar de etiquetas e conteúdos significativos e de testes completos.
Exemplo
Atribua um nome acessível explícito a um controlo interativo.
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);