What the component handles
- Proper checkbox/radio button semantics for each selection card
- Keyboard navigation between cards using Tab and arrow keys
- Focus indicators on active cards
- Proper labeling and descriptions for screen readers
Only visual assets with decorative role can be placed inside the slot (icons, credit card logos).
Color contrast
Since the Selection Card’s border is not necessary to determine the component’s hit area, there is no contrast requirement beyond the 4.5:1 text and 3:1 icon contrast, which is ensured.