Klavye etkileşimi

Tuşİşlev
Tetikleyicide Enter veya BoşlukPopover’ı açar veya kapatır.
TabTetikleyicisinin hemen ardından gelen açık popover’ın içine geçer.
EscPopover’ı kapatıp odağı tetikleyicisine geri verir ya da hovercard’ı gizler.

Erişilebilirlik notları

  • Popover, modal olmayan bir dialog öğesidir: aria-label veya aria-labelledby ile adlandırın. Tetikleyicisi aria-haspopup ve tarayıcının sağladığı aria-expanded niteliğini alır.
  • Hovercard bir tooltip öğesidir ve tetikleyicisinin aria-describedby değ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.