Tương tác bằng bàn phím

PhímHành động
Enter hoặc Phím cách trên triggerMở hoặc đóng popover.
TabDi chuyển vào popover đang mở, vốn nằm ngay sau trigger của nó.
EscĐóng popover và trả focus về trigger, hoặc ẩn hovercard.

Ghi chú về khả năng tiếp cận

  • Popover là một dialog không modal: hãy đặt tên cho nó bằng aria-label hoặc aria-labelledby. Trigger của nó nhận aria-haspopup và aria-expanded do trình duyệt cung cấp.
  • Hovercard là một tooltip và là aria-describedby của trigger, nên văn bản của nó được đọc cùng trigger. Đừng đặt phần tử tương tác vào bên trong; hãy dùng popover cho chúng.
  • Hovercard đáp ứng WCAG 1.4.13: Esc ẩn nó mà không di chuyển focus, con trỏ có thể di chuyển lên nó, và nó vẫn hiển thị khi đang được hover hoặc có focus.