Needless UI

Komponen

Popover

Panel ngambang ing sandhinge tombol, lan tooltip jangkep nalika hover.

Interaksi keyboard

TombolTumindak
Enter utawa Spasi ing triggerMbukak utawa nutup popover.
TabMlebu menyang popover sing kabukak, sing ana langsung sawise trigger-e.
EscapeNutup popover lan mbalekake fokus menyang trigger-e, utawa ndhelikake hovercard.

Cathetan aksesibilitas

  • Popover yaiku dialog non-modal: wenehana jeneng nganggo aria-label utawa aria-labelledby. Trigger-e oleh aria-haspopup lan aria-expanded saka browser.
  • Hovercard yaiku tooltip lan dadi aria-describedby kanggo trigger-e, dadi teks-e diwaca bareng trigger. Aja lebokake kontrol ing njerone; agem popover kanggo kontrol.
  • Hovercard nyukupi WCAG 1.4.13: Escape ndhelikake tanpa mindhah fokus, pointer bisa pindhah menyang ndhuwure, lan tetep katon sajrone di-hover utawa difokus.