Components
Card
Card highlight information or tasks that are related. The component comes in two variants and can contain text, images, text fields, buttons, and links.
What you need to check
Link text in card must clearly describe where the link goes.
Use a clear title or link text that explains the destination.
Avoid generic text such as “Read more” or “Click here”.
The accessible name must match the visible text.
If you use aria-label or other techniques that override the accessible name, it must still match the visible text.
WCAG: 2.5.3 Label in Name
Images in link cards must be decorative.
If the entire card is a link with an image, the image must not be informative and should have an empty alt attribute.
WCAG: 1.1.1 Non-text content
Headings in card must use the correct level relative to the rest of the page.
Do not skip heading levels (for example from h1 to h3).