Item Card
An item card is a specific type of card that groups key details of an item for further decision-making and quick comparison of similar item cards.
An item card is a display element that is not itself interactive, but houses elements, such as an image wrapped by an anchor, an add to favorites button, item title that is also wrapped in an anchor, etc.
Interaction/Keyboard Design
The interaction inside an item card should be simple keyboard TAB navigation of interactive elements with the ENTER key activating the element in focus.
Grouped Item Cards
Item cards typically display in groups.
Grouped item cards use and inherit the a11y setup of Layout Grid. For more information about using the grouped item cards, please see the Layout Grid pattern.
Last updated