Klavye etkileşimi
| Tuş | İşlev |
|---|---|
| Enter veya Boşluk | Tetikleyicide: menüyü ilk öğesinde açar. Bir öğede: öğeyi seçer ya da alt menüsünü açar. |
| Aşağı ok | Tetikleyicide: menüyü ilk öğesinde açar. Menüde: sonraki öğeye geçer. |
| Yukarı ok | Tetikleyicide: menüyü son öğesinde açar. Menüde: önceki öğeye geçer. |
| Home ve End | İlk veya son öğeye geçer. |
| Sağ ok | Bir alt menüyü açar ve ilk öğesine geçer (sağdan sola metinde sol ok). |
| Sol ok | Alt menüyü kapatır ve üst öğesine döner (sağdan sola metinde sağ ok). |
| Esc | Menüyü kapatır ve odağı tetikleyiciye geri verir. |
| Harfler | Etiketi yazılan metinle başlayan bir sonraki öğeye geçer. |
Erişilebilirlik notları
- Tetikleyici
aria-haspopup,aria-expandedvearia-controlsalır; menü ve öğeleri ARIA rollerini Angular Aria’dan alır. - Vurgulanan öğe, en az 4,5:1 metin kontrastı sağlayan dolgun bir zemin kullanır ve aynı zamanda odak göstergesi işlevi görür. Forced colors modunda sistem vurgu renginde bir dış çizgi alır.
- İşaretlenebilir öğeler durumlarını
aria-checkedile duyurur. - Bir öğeyi seçmek menüyü kapatır ve odağı tetikleyiciye geri verir. Odağı tetikleyicinin ve menünün dışına taşımak da menüyü kapatır.
- Öğeler en az 28 piksel yüksekliğindedir; bu, WCAG 2.2’nin minimum hedef boyutunun üzerindedir.