Material-ui tablosu için klavye gezintisi nasıl etkinleştirilir

Aug 18 2020

Material-UI ile oluşturulmuş bir react uygulamam var. Kullanıcı, tüm web sitesi için klavyeyle gezinmeyi etkinleştirmeyi istedi. Bu web sitesinde klavyeli masalarda gezinemiyorum. Masam şuna benziyorhttps://material-ui.com/components/tables/#fixed-header. Klavyede "yukarı ok" ve "aşağı ok" tuşlarına basarak bir satır yukarı aşağı gitmek istiyorum. Bunu nasıl etkinleştirebilirim?

Yanıtlar

1 FED Sep 10 2020 at 18:42

Klavye gezintisi genellikle, yalnızca klavye kontrollerini kullanarak bağlantılar, düğmeler, tarih seçiciler, kipler vb. Tablo etkileşimli bir öğe değildir, dolayısıyla klavye tarafından odaklanılamaz.

Kullanıcınızın talebi, web sitesinin Web İçeriği Erişilebilirlik Yönergelerine uygun olmasını sağlamaya yönelik olabilir . Malzeme UI tabloları anlamsal olarak bir tablo başlığı satırına sahip tablolar olarak işaretlenir, bu nedenle temel bilgiler bu kriterleri karşılamak için vardır.

Bir ekran okuyucuyu (Mac'te VoiceOver veya Windows'ta NVDA gibi) etkinleştirirseniz, ok tuşlarıyla tabloda gezinebilirsiniz ve her hücre ekran okuyucu tarafından duyurulur.

  • https://webaim.org/techniques/tables/data