Skip to content

[Due for payment 2026-08-25] [$250] [A11y] Color: Onboarding: The status of the progress bar relies only on the use of color #77334

Description

@elisenwazuoke

Action Performed:

Prerequisites:

  • the user is not signed in
  1. Open the Expensify app
  2. Start the onboarding flow
  3. 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.:

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

Image

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
Issue OwnerCurrent Issue Owner: @suneox

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Labels

AccessibilityIssues affecting WACG accessibility on any platform.Awaiting PaymentAuto-added when associated PR is deployed to productionBugSomething is broken. Auto assigns a BugZero manager.DailyKSv2ExternalAdded to denote the issue can be worked on by a contributor

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions