[Due for payment 2026-05-29] Other A11y: Create Expenses: There are no visible names for Currency and Flip buttons

[elisenwazuoke]

Action Performed:

Prerequisites:

• the user is signed in

1. Open the Expensify app
2. Tap the Create '+' button
3. Tap the 'Create Expense' button
4. Pay attention that there are no visible names for the Currency and Flip buttons

Expected Result:

The expected result is that both buttons display a clear, concise text label (e.g., "Currency" and "Flip") next to their respective icons, making their functions immediately obvious to all users.

Actual Result:

The user might not understand the purpose of each control.

Area issue was found in:

Create Expenses

Failed WCAG checkpoints

WCAG 3.3.2 Labels or Instructions
https://www.w3.org/WAI/WCAG22/Understanding/labels-or-instructions

User impact:

Providing clear and unambiguous labels and instructions (including examples of expected data formats) helps all users - but particularly those with cognitive, language, and learning disabilities - to enter information correctly and can prevent users from making incomplete or incorrect form submissions.

Suggested resolution:

Provide clear textual labels for each control, e.g.:

• Currency'
• 'Flip'
  https://www.w3.org/WAI/WCAG22/Understanding/labels-or-instructions

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/7006144
Issue reported by: NA
Slack conversation: NA

Issue Owner

Current Issue Owner: @rushatgabhane

[melvin-bot]

This issue has not been updated in over 15 days. eroding to Monthly issue.

P.S. Is everyone reading this sure this is really a near-term priority? Be brave: if you disagree, go ahead and close it out. If someone disagrees, they'll reopen it, and if they don't: one less thing to do!

[ChavdaSachin]

Proposal

Please re-state the problem that we are trying to solve in this issue.

Accessibility text labels are missing on IOU-Amount page for currency and flip button

What is the root cause of that problem?

We did not add accessibility-labels here

App/src/components/NumberWithSymbolForm.tsx

Line 478 in 26e0642

<Button

App/src/components/NumberWithSymbolForm.tsx

Line 503 in 26e0642

<Button

App/src/components/NumberWithSymbolForm.tsx

Line 514 in 26e0642

<Button

What changes do you think we should make in order to solve the problem?

Add appropriate accessibilityLabel for each of these buttons whatever internal team thinks is best describes the buttons.(OP described it as currency and flip, but I am unsure about flip)

App/src/components/NumberWithSymbolForm.tsx

Line 478 in 26e0642

<Button

App/src/components/NumberWithSymbolForm.tsx

Line 503 in 26e0642

<Button

App/src/components/NumberWithSymbolForm.tsx

Line 514 in 26e0642

<Button

What alternative solutions did you explore? (Optional)

Reminder: Please use plain English, be brief and avoid jargon. Feel free to use images, charts or pseudo-code if necessary. Do not post large multi-line diffs or write walls of text. Do not create PRs unless you have been hired for this job.

[rohit9625]

These buttons look small. How can we add a visible label? Do you mean something like a text that appears after long-pressing a button, @elisenwazuoke?

[melvin-bot]

Whoops! This issue is 2 days overdue. Let's get this updated quick!

[melvin-bot]

6 days overdue. This is scarier than being forced to listen to Vogon poetry!

[melvin-bot]

10 days overdue. I'm getting more depressed than Marvin.