# Item Card

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.

<figure><img src="https://2555990442-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LXQc7GhOtVRa7Lw1InO%2Fuploads%2FjD4B1KF8PchdcsCfVlve%2Fimage.png?alt=media&#x26;token=a8f37422-231b-45c9-89a1-60730f4aaf13" alt=""><figcaption><p>Typical Item Card</p></figcaption></figure>

## 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.&#x20;

<figure><img src="https://2555990442-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LXQc7GhOtVRa7Lw1InO%2Fuploads%2FOaT0VMOOD7LEoKt3OjMh%2Fimage.png?alt=media&#x26;token=ecf99905-6dfb-4883-bf85-8586c19dd88b" alt=""><figcaption><p>Grouped </p></figcaption></figure>

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](https://ebay.gitbook.io/mindpatterns/structure/layout-grid).