Управление с клавиатуры

КлавишаДействие
Enter или Пробел на триггереОткрывает или закрывает popover.
TabПереводит фокус в открытый popover, который идёт сразу после триггера.
EscЗакрывает popover и возвращает фокус на триггер или скрывает hovercard.

Примечания по доступности

  • Popover — это немодальный dialog: задайте ему имя через aria-label или aria-labelledby. Триггер получает aria-haspopup и aria-expanded от браузера.
  • Hovercard — это tooltip и aria-describedby своего триггера, поэтому её текст читается вместе с триггером. Не размещайте в ней элементы управления — для них есть popover.
  • Hovercard соответствует WCAG 1.4.13: Esc скрывает её, не перемещая фокус, на неё можно навести указатель, и она не исчезает, пока на ней указатель или фокус.