Web ‘Card’ Components: Real Cases to Understand How to Develop Them Accessibly
summary
Examines web "card" components (built from basic HTML like headings, paragraphs, links, images) and analyzes real-world examples found on websites to identify common accessibility mistakes and fixes. Discusses multiple accessible implementation techniques for cards, explaining that the best approach depends on project and user needs rather than a single solution.
AI-written summary · about
chapters (10)
- 0:00Introduction
- 3:59What is a web card
- 8:18Tremezzino card issues
- 12:13Vegan burger alt text
- 15:24Museum Mero card techniques
- 20:02Kebab card single link
- 24:39NHS card link wrapping
- 29:45Image-only card accessibility
- 31:53Smashing card design
- 33:23Q&A
related talks
39m50 Shades of Web Components
54mWeb for all - Accessibility
50mWeb accessibility, how to build a front for everyone?
46mHow to design and test an accessible website?
35mAccelerating accessibility in web
22mAccessible Components with Homer Gaines
30mAccessible components and zero framework
47mBuilding Accessible Web Components