🏠 Overview › 🧩 Components ›🧩 Step Progress Widget

Step Progress Widget

Component Detail

User Interface low complexity mobile
0
Dependencies
0
Dependents
0
Entities
0
Integrations

Description

A visible step progress indicator displayed in multi-step wizard flows to provide users with clear orientation within a process. Renders the current step index and total step count using large, high-contrast elements so users with cognitive impairments always know how far they have progressed and how many steps remain. Used by all wizard screens throughout the application.

Feature: Cognitive Accessibility

step-progress-widget

Responsibilities

  • Display current step number and total step count prominently
  • Render high-contrast, accessible step indicators meeting WCAG 2.2 AA contrast ratios
  • Support both linear and branching wizard flows
  • Emit step-change events for analytics and accessibility announcements
  • Integrate with screen reader labels for VoiceOver and JAWS compatibility

Interfaces

StepProgressWidget({required int currentStep, required int totalSteps, String? stepLabel})
onStepChanged(int newStep)
buildAccessibilityLabel() -> String
applyTheme(ThemeData theme)
renderCompactVariant(bool compact)