[Due for payment 2026-03-30] [$250] Color: Onboarding: The status of the progress bar relies only on the use of color #77334
Description
Action Performed:
Prerequisites:
- the user is not signed in
- Open the Expensify app
- Start the onboarding flow
- Note how the status of the progress bar is displayed.
Expected Result:
The progress bar should not rely only on the use of color, e.g.:
- by using a text 'step 3 of 5'.
Actual Result:
When the progress bar changes status, the only indication is a color change (e.g., from grey to green). Users with color vision deficiencies cannot perceive the status update, making the information unreliable.
Area issue was found in:
Onboarding
Failed WCAG checkpoints
WCAG 1.4.1 Use of Color
https://www.w3.org/WAI/WCAG22/Understanding/use-of-color
User impact:
Users with partial sight often experience limited color vision. Some older users may not be able to see color well. Users who have color-blindness benefit when information conveyed by color is available in other visual ways. People using limited color monochrome displays may be unable to access color-dependent information. Users who have problems distinguishing between colors can look or listen for text cues.
Suggested resolution:
Provide a non-color visual indicator and programmatic status text to ensure the information is accessible to all users, e.g.:
- by using a text 'step 3 of 5'
https://www.w3.org/TR/WCAG22/#use-of-color
Environment(s)
Samsung Galaxy S24 Ultra - Android 14, Partner - Native (No mobile browser)
Apple iPhone 11 - iOS 17.5.1, H0T Mobile - Native (No mobile browser)
Screenshots/Videos
Version Number: Production
Reproducible in staging?: NA
Reproducible in production?: Yes
Email or phone of affected tester (no customers): NA
Logs: https://stackoverflow.com/c/expensify/questions/4856 NA
Notes/Photos/Videos: Any additional supporting documentation Yes
Expensify/Expensify Issue URL: https://platform.applause.com/company/12102/products/36628/community-issues/7005654
Issue reported by: NA
Slack conversation: NA
Upwork Automation - Do Not Edit
- Upwork Job URL: https://www.upwork.com/jobs/~022009685364726607157
- Upwork Job ID: 2009685364726607157
- Last Price Increase: 2026-01-09