Screen Reader: Track Distance: Announced instructions to reorder map start/stop points do not work

[nbhardwaj-del]

Action Performed:

Prerequisites:

• The user is signed in.
• The start and stop points have been selected on the track distance page.

1. Using Chrome + JAWS, open the URL - https://new.expensify.com/
2. Navigate to the "+" icon and press Enter
3. Tab to the "Track distance" menu item and press Enter to open the Pop-up
4. Navigate and select 'Start' map points and select any address for the start point.
5. Navigate and select 'Stop' map points and select any address for the start point.
6. Listen to the instructions announced for reordering
7. Try to reorder the point using the keys mentioned in the announcement

Expected Result:

Users must be able to reorder the 'start/stop' points on the map using the keys mentioned in the announcement, so that the user can change the position of a selected waypoint in the route list.

Actual Result:

When focus moves to the 'Start/stop point, the screen reader announces the instruction as 'Sort, but the described keyboard actions do not change the order; so that the instruction provided using the screen reader creates misleading instructions for the users

HTML:

Start

y9jx r-

(...)

Area issue was found in:

Track Distance

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:

Ensure that the instructions that are announced by the screen reader actually work with the keyboard, so that the users can reorder the points
See some reordering examples here: https://salesforce-ux.github.io/dnd-a11y-patterns/#/?_k=tfo2nc

An alternative is to use additional buttons for each entry to move it up or down.

Environment(s):

Bug6996968_1762513119099.Announced_instructions_to_reorder_map_start_or_stop_points_do_not_work.mp4

Windows Windows 11 Home - Chrome

Screenshots/Videos

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

Issue Owner

Current Issue Owner: @eVoloshchak

[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!

[rushatgabhane]

fixed #79247

[MelvinBot]

Bug reproducible - https://platform.applause.com/services/links/v1/external/4fd65da3eced49c73924b845b593e3f724f85213863abb12f1292057d83e5af2

[rushatgabhane]

Being tracked here - #79247 (comment)