Don’t include buttons in clickable cards
Introduction
Clickable cards should not include buttons or links within them.
Decision
Do not include buttons within a clickable card (unless the button is purely decorative).
Context
Stacking links on top of another can lead to confusion. When one link is nested within another, it creates ambiguity for both users and web browsers.
Consequences
- Potential pushback: Some clients might push back against this, insisting on their personal preferences. We will need to educate them on why this approach is better for accessibility.
- Possible design reevaluation: Before moving on to implementation, we need to ensure that cards are designed appropriately. Otherwise, we may need to conduct a design reevaluation during the implementation phase, potentially impacting timelines.
Exceptions
- The button is purely decorative.
- Contextual menus that contain additional actions.