以契約保障無障礙互動

鍵盤、焦點與表單行為開箱即用。

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);

瀏覽元件 · 閱讀指南(英文)