Vivid Logo Vivid

Card

A card is a UI design pattern that groups related information in a flexible-size container visually resembling a playing card

This component was tested and signed off by Applause (external accessibility specialists).

Best Practices

Slotted Content

Make sure all the slotted content is accessible like:

  • images slotted in graphic slot should have an alt-text of an empty alt-text if they are not adding information.
  • button with icon-only should have aria-label

Resources