Προσβάσιμη αλληλεπίδραση από τον σχεδιασμό
Πληκτρολόγιο, εστίαση και φόρμες ενσωματωμένα.
Τα στοιχεία 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);