Skip to content

Accessibility: Fix annotated search example accessibility

Warren Gifford requested to merge tr/fix-annotated-a11y into main

Created by: umpox

Description

This should never have had role="img" and aria-hidden at the top level as we need screen readers to properly treat this as a vector graphic and thus read any <text> within.

Screen readers now, read all <text> in the graphic.

Note: I think the icons in the search bar are still OK to be hidden, the main useful text here is Search can be case-sensitive one of three modes: literal (default), regexp or structural.. Curious if anyone thinks we should label the icons too.

image

Test plan

Tested locally with a screen reader

App preview:

Check out the client app preview documentation to learn more.

Merge request reports

Loading