Cards are just a visual box of content
- The card box itself has no particular semantic meaning
- Do not focus the entire card, just the interactive portions.
- If focus lands on the entire card, it will be difficult for people using a screen reader to understand the content inside.
Card testing criteria
Design
Card box design criteria
Base your design on WCAG's POUR principles or design experiences by disability
Web
Web card box criteria
Based on WCAG success criteria, you can define your accessibility criteria for cards on the Web
iOS
iOS card box criteria
Based on Apple's Human Interface Guidelines, you can define your accessibility criteria for cards on iOS apps
Android
Android card box criteria
Based on Google's Material design, you can define your accessibility criteria for cards on Android devices