Skip to content

a11y: improve search results navigation with screen reader

Administrator requested to merge jp/searchresultsa11ynavigation into main

Created by: limitedmage

Review with "Hide whitespace" on

Closes #34722 (closed)

This change significantly improves the navigation of the search results page for screen reader users by using semantic elements and the correct aria roles and labels to navigate the search results via landmarks. Watch the video below for more info.

https://user-images.githubusercontent.com/206864/175127866-287ec453-88e1-4fde-b183-8323159a1339.mp4

Test plan

Tested with VoiceOver on Mac

App preview:

Check out the client app preview documentation to learn more.

Merge request reports

Loading