仕様に組み込まれたアクセシビリティ
キーボード、フォーカス、フォーム動作を内蔵。
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);