Klavye etkileşimi
| Tuş | İşlev |
|---|---|
| Tetikleyicide Enter veya Boşluk | Popover’ı açar veya kapatır. |
| Tab | Tetikleyicisinin hemen ardından gelen açık popover’ın içine geçer. |
| Esc | Popover’ı kapatıp odağı tetikleyicisine geri verir ya da hovercard’ı gizler. |
Erişilebilirlik notları
- Popover, modal olmayan bir
dialogöğesidir:aria-labelveyaaria-labelledbyile adlandırın. Tetikleyicisiaria-haspopupve tarayıcının sağladığıaria-expandedniteliğini alır. - Hovercard bir
tooltipöğesidir ve tetikleyicisininaria-describedbydeğeridir; bu sayede metni tetikleyiciyle birlikte okunur. İçine kontrol koymayın; onlar için popover kullanın. - Hovercard, WCAG 1.4.13’ü karşılar: Esc onu odağı taşımadan gizler, işaretçi üzerine geçebilir ve üzerine gelindiği ya da odaklanıldığı sürece açık kalır.