以契約保障無障礙互動
鍵盤、焦點與表單行為開箱即用。
Lyra 元件記錄可存取名稱、狀態和事件行為。跨瀏覽器測試覆蓋核心互動模式;應用仍需提供有意義的標籤與內容,並開展端到端測試。
範例
為互動控制項提供明確的可存取名稱。
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);