Talking Cards Screen
Component Detail
User Interface
low complexity
mobile
2
Dependencies
0
Dependents
1
Entities
0
Integrations
Description
Main screen presenting curated conversation-starter cards to peer mentors during support sessions. Supports browsing by category, shuffling/randomising cards, and swiping through a deck-style interface with large touch targets and full screen reader support.
talking-cards-screen
Responsibilities
- Display conversation-starter cards with topic, prompt text, and optional guidance
- Provide category/topic filtering and shuffle/random selection
- Ensure WCAG 2.2 AA compliance with semantic labels, sufficient contrast, and 24x24px minimum touch targets
- Support offline rendering from locally cached card content
Interfaces
buildCardDeck(cards: List<TalkingCard>)
onCategorySelected(category: String)
onShufflePressed()
onNextCard()
onPreviousCard()
renderCardFace(card: TalkingCard)
announceCardForScreenReader(card: TalkingCard)
Relationships
Dependencies (2)
Components this component depends on