Come abilitare la navigazione da tastiera per la tabella material-ui
Ho un'applicazione di reazione creata con Material-UI. L'utente ha chiesto di abilitare la navigazione da tastiera per tutto il sito. Non riesco a navigare tra le tabelle con la tastiera su questo sito web. Il mio tavolo sembra qualcosa di similehttps://material-ui.com/components/tables/#fixed-header. Voglio andare su e giù di una riga premendo "freccia su" e "freccia giù" sulla tastiera. Come posso abilitare questo?
Risposte
La navigazione da tastiera generalmente si riferisce alla possibilità di concentrarsi e attivare elementi interattivi come collegamenti, pulsanti, selettori di date, modali ecc. utilizzando solo i controlli da tastiera. Una tabella non è un elemento interattivo quindi non focalizzabile dalla tastiera.
La richiesta dell'utente potrebbe essere intesa a garantire che il sito Web soddisfi le Linee guida sull'accessibilità dei contenuti Web . Le tabelle dell'interfaccia utente materiale sono contrassegnate semanticamente come tabelle con una riga di intestazione della tabella, quindi le basi sono lì per soddisfare questo criterio.
Se attivi uno screen reader (come VoiceOver su Mac o NVDA su Windows) sarai quindi in grado di navigare nella tabella con i tasti freccia e ogni cella sarà annunciata dallo screen reader.
- https://webaim.org/techniques/tables/data