Bileşenler
VisuallyHidden
İçeriği gözden gizler, ekran okuyucuya açık tutar.
- Storybook
- Storybook
- Kaynak kod
- Kaynak kod
Durumlar
Bölüm başlığı “Durumlar”VisuallyHidden etkileşimli değildir. Tek durum değişikliği, focusable ile odakta görünür olmasıdır.
| Durum | Destek | Görsel değişiklik |
|---|---|---|
| Varsayılan | Var | Görünmez; erişilebilirlik ağacında kalır (sr-only) |
Odak (focusable) |
Var | İçerik görünür olur (not-sr-only); kendisi ya da içindeki öğe odaklanınca |
Odak (focusable yok) |
Yok | Görünmez kalır |
| Üzerine gelme, basılı, devre dışı, seçili | Yok | Yok |
Ölçüler
Bölüm başlığı “Ölçüler”| Özellik | Değer |
|---|---|
| Gizliyken kutu | 1 px x 1 px, kırpılmış (clip), konum mutlak (sr-only) |
| Odakta | Normal akışa döner (not-sr-only); boyutu içeriğe ve verdiğiniz sınıflara bağlıdır |
Gizli desen satır içi stil kullanmaz; yalnızca sr-only sınıfıdır.
Token’lar
Bölüm başlığı “Token’lar”VisuallyHidden token kullanmaz; renk, boyut ve aralık çizmez. Odakta görünen bağlantının görünümünü siz verirsiniz.
Hareket ve etkileşim
Bölüm başlığı “Hareket ve etkileşim”| Etkileşim | Hareket | Azaltılmış hareket |
|---|---|---|
| Odakta görünme | Yok: içerik geçişsiz belirir | Azaltılacak bir şey yok |
Hareket ayrıntıları için Hareket sayfasına bakın.