Skip to content

[Due for payment 2026-06-17] [$250] Color Contrast: Many Pages: White text on red buttons fails contrast ratio #77407

Description

@olenamihno

Action Performed:

Prerequisites:

  • the user is signed in
  1. Go to Account.
  2. Select Security.
  3. Choose Report suspicious activity.
  4. Measure the contrast ratio of the white text on the red button 'Report suspicious activity.'

Other Occurrences:

  1. On Security - Close Account: the button 'Close account'
  2. On Report Details - Delete: the button 'Delete'
  3. On Report - This request is on hold: the text 'hold'

Expected Result:

The contrast ratio of the text against the background should be at least 4.50:1 for small text and 3.00:1 for large text (14pt bold or 18 pt+).

Actual Result:

The white text (#FAFBFD) on the red button background (#F3572F) gives a contrast ratio of 3.26:1

Area issue was found in:

Security

Failed WCAG checkpoints

WCAG 1.4.3 Contrast (Minimum)
https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum

User impact:

People with low vision often have difficulty reading text that does not contrast with its background. This can be exacerbated if the person has a color vision deficiency that lowers the contrast even further. Providing a minimum luminance contrast ratio between the text and its background can make the text more readable even if the person does not see the full range of colors. It also works for the rare individuals who see no color.

Suggested resolution:

Use a darker red color for the background to meet a contrast ratio of at least 4.50:1.
https://webaim.org/resources/contrastchecker/

Environment:

Apple iPhone 12 - iOS 18.2.1, Wi-Fi - Native (No mobile browser)
Xiaomi Redmi note 14 - Android 14, Vodafone (D2) - 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): No
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/7005155
Issue reported by: NA
Slack conversation: NA

Issue OwnerCurrent Issue Owner: @mallenexpensify
Upwork Automation - Do Not Edit
  • Upwork Job URL: https://www.upwork.com/jobs/~022036582234604229989
  • Upwork Job ID: 2036582234604229989
  • Last Price Increase: 2026-05-12

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

Fields

No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions