Card Viewer Widget
Component Detail
User Interface
medium complexity
mobile
1
Dependencies
1
Dependents
1
Entities
0
Integrations
Description
Full-screen card reading widget that displays the complete content of a single talking card or resource sheet. Supports dynamic text scaling up to 200% per WCAG 2.2 AA requirements, ensuring all content remains readable and not truncated at large font sizes.
card-viewer-widget
Responsibilities
- Render card title, body text, optional media references, and category tags in full-screen mode
- Support dynamic text scaling up to 200% without content truncation
- Provide accessible navigation between cards in the same category
- Ensure all interactive elements meet WCAG 2.2 touch target and contrast requirements
Interfaces
displayCard(card)
onTextScaleChanged(scale)
navigateToNextCard()
navigateToPreviousCard()
dismissViewer()
getAccessibilityLabel(card)
Relationships
Related Data Entities (1)
Data entities managed by this component