Tương tác dễ tiếp cận theo hợp đồng
Hành vi bàn phím, tiêu điểm và biểu mẫu có sẵn.
Tài liệu của Lyra nêu rõ tên hỗ trợ tiếp cận, trạng thái và hành vi sự kiện của thành phần. Kiểm tra trên nhiều trình duyệt bao phủ các mẫu tương tác cốt lõi; ứng dụng vẫn cần cung cấp nhãn và nội dung có ý nghĩa, đồng thời kiểm thử từ đầu đến cuối.
Ví dụ
Đặt tên hỗ trợ tiếp cận rõ ràng cho điều khiển tương tác.
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);