Bileşenler
ContextMenu
Bir alana sağ tıklayınca ya da basılı tutunca işaretçinin yanında açılan işlem menüsü.
- Storybook
- Storybook
- Kaynak kod
- Kaynak kod
Rol ve anlam
Bölüm başlığı “Rol ve anlam”ContextMenu, Base UI Context Menu üzerine kuruludur. Menü menu, öğeler menuitem, menuitemcheckbox ya da menuitemradio rolündedir. Alanın kendisi bir rol almaz.
Klavye
Bölüm başlığı “Klavye”Menü açıkken:
| Tuş | Davranış |
|---|---|
| Yukarı, Aşağı | Öğeler arasında gezer. |
| Harf tuşları | O harfle başlayan öğeye gider. |
| Enter, Space | Öğeyi çalıştırır. |
| Sağ, Sol | Alt menüyü açar ya da kapatır. |
| Escape | Menüyü kapatır. |
Klavye kullanıcıları menüyü açamayabilir; işlemlerin klavyeyle ulaşılan bir yolu da olmalıdır.
Menü açılınca odak menüye taşınır, kapanınca alana döner. Vurgulu öğe üzerine gelme yüzeyini alır.
Ekran okuyucu
Bölüm başlığı “Ekran okuyucu”| Örnek | Okunan |
|---|---|
| Menü | “menü” |
| Öğe | “Düzenle, menü öğesi, Komut E” |
Kontrast
Bölüm başlığı “Kontrast”Öğe metni yükseltilmiş yüzeyde 4.5:1, tehlike metni 4.5:1 kontrastlıdır.
WCAG 2.2
Bölüm başlığı “WCAG 2.2”| Ölçüt | ContextMenu nasıl karşılar | Ürün ekibi ne yapar |
|---|---|---|
| 2.1.1 Klavye | Açık menü klavyeyle kullanılır. | Aynı işlemleri DropdownMenu ya da düğmelerle de verin. |
| 2.5.1 İşaretçi hareketleri | Uzun basma tek noktalı bir harekettir. | - |
| 4.1.2 Ad, rol, değer | menu, menuitem. |
Öğe adlarını fiil olarak yazın. |