Mentor Map Marker Widget
Component Detail
User Interface
medium complexity
mobile
0
Dependencies
0
Dependents
1
Entities
0
Integrations
Description
Reusable map pin widget representing a single peer mentor location with availability color coding and tap-to-profile navigation. Emits semantic accessibility labels for screen reader compliance and supports both clustered and individual expanded pin rendering states.
mentor-map-marker-widget
Sources & reasoning
Each mentor pin is individually tappable to profile and must carry semantic labels per the universal WCAG 2.2 AA requirement enforced across all interactive elements. Separating this into a dedicated widget keeps map screen complexity manageable.
No source references — this artifact was included based on reasoning alone (see above).
Responsibilities
- Render mentor pin with availability status color coding
- Emit semantic accessibility label satisfying WCAG 2.2 AA screen reader requirements
- Handle tap gesture to navigate to mentor profile detail screen
- Adapt rendering for clustered versus individual pin display modes
Interfaces
MentorMapMarkerWidget({required PeerMentorLocation location, required VoidCallback onTap})
buildSemanticLabel(PeerMentorLocation location) -> String
Related Data Entities (1)
Data entities managed by this component