Interazione da tastiera

TastoAzione
Invio o Spazio sul triggerApre o chiude il popover.
TabEntra in un popover aperto, che viene subito dopo il suo trigger.
EscChiude il popover e riporta il focus sul suo trigger, o nasconde la hovercard.

Note sull’accessibilità

  • Il popover è un dialog non modale: dagli un nome con aria-label o aria-labelledby. Il suo trigger riceve aria-haspopup e l’aria-expanded del browser.
  • La hovercard è un tooltip e l’aria-describedby del suo trigger, quindi il suo testo viene letto insieme al trigger. Non metterci controlli; per quelli usa un popover.
  • La hovercard rispetta WCAG 1.4.13: Esc la nasconde senza spostare il focus, il puntatore può andarci sopra, e resta visibile finché ha il mouse sopra o il focus.