Interacciones accesibles por contrato
Teclado, foco y formularios integrados.
Los componentes Lyra documentan nombres accesibles, estados y comportamiento de eventos. Las pruebas en varios navegadores cubren las interacciones principales; las aplicaciones aún deben aportar etiquetas y contenidos claros, además de pruebas de extremo a extremo.
Ejemplo
Dale a un control interactivo un nombre accesible explícito.
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);