Needless UI

Vijenzi

Popover

Paneli zinazoelea kando ya kitufe, na tooltip za kina kwa hover.

Matumizi ya kibodi

KitufeKitendo
Enter au Space kwenye triggerHufungua au hufunga popover.
TabHuingia kwenye popover iliyo wazi, inayokuja mara baada ya trigger yake.
EscapeHufunga popover na kurudisha focus kwenye trigger yake, au huficha hovercard.

Maelezo ya ufikivu

  • Popover ni dialog isiyo ya modal: ipe jina kwa aria-label au aria-labelledby. Trigger yake hupata aria-haspopup na aria-expanded ya kivinjari.
  • Hovercard ni tooltip na ni aria-describedby ya trigger yake, hivyo maandishi yake husomwa pamoja na trigger. Usiweke vidhibiti ndani yake; tumia popover kwa vidhibiti hivyo.
  • Hovercard inatimiza WCAG 1.4.13: Escape huificha bila kuhamisha focus, kielekezi kinaweza kuhamia juu yake, na hubaki wazi ikiwa na hover au focus.