[Due for payment 2026-03-30] [$250] SR: Settings-Security: The date field is announced as read-only but can be activated with a mouse

[nbhardwaj-del]

Action Performed

1. Using Chrome+JAWS, open the URL - https://new.expensify.com/
2. Navigate using the tab key to the Account button and press Enter to activate it.
3. Navigate using the tab key to the Profile button and press Enter to activate it.
4. Navigate to the Date of Birth field and Press Enter to activate the modal.
5. Tab to focus the Date field and observe the screen reader announcement.
6. Using mouse, open the calendar icon.

Other occurrences:

1. On Send Invoice - Date

Expected Result

The date of birth field should not be announced as read-only as it is actionable and can be accessed with mouse.

Actual Result

The input field is announced by the screen reader as “read-only”, indicating it cannot be interacted with. However, using a mouse click activates the date picker, allowing the user to select a date.

HTML:

Area issue was found

Settings-Security

Failed Checkpoint

WCAG 4.1.2 Name, Role, Value
https://www.w3.org/WAI/WCAG22/Understanding/name-role-value

User Impact

Providing role, state, and value information on all user interface components enables compatibility with assistive technology, such as screen readers, screen magnifiers, and speech recognition software, used by people with disabilities.

Suggested Resolution

Remove the misleading "readonly" attribute and make it a button that opens a date picker.

Refer:
https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/examples/datepicker-dialog/

Environment(s)

Windows Windows 11 - Chrome

Bug6995014_1762417823802.SR-_Settings-Security-_The_date_field_is_announced_as_read-only_but_can_be_activated_with_a_mouse.mp4

Version Number: NA
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/36605/community-issues/6995014
Issue reported by: NA
Slack conversation: NA

Issue Owner

Current Issue Owner: @mallenexpensify

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~022030982120067320836
• Upwork Job ID: 2030982120067320836
• Last Price Increase: 2026-03-09
• Automatic offers:
• abzokhattab | Contributor | 110787931

[melvin-bot]

📣 @nbhardwaj-del! 📣
Please report bugs or suggest features in the #expensify-open-source Slack channel, don't directly open issues in this repo!
Instructions here to join the channel 📖

[mallenexpensify]

Accessibility issue, will be addressed soon.

[mallenexpensify]

Accessibility, unassigning, will be addressed in bulk once all issues are created.