This Storybook project display various ways to create a card component. Each one has various accessibility and usability issues, getting progressively better until the With Multiple Interactions story, which is the ideal form of this component.

View the project on Vercel

Run yarn to install dependencies, then run yarn storybook.

• Web Axe: Resources for developing accessible cards/tiles
• Inclusive Components: Cards
• Kitty Giraudel: Accessible Cards
• Adrian Roselli: Block Links, Cards, Clickable Regions, Rows, Etc.
• nomensa: How to build accessible cards–block links