[SG-35254] Accessibility: Auto-indexing page "enqueue" bar doesn't indicate intent or purpose of any components

Created by: gitstart-sourcegraph

Audit type

Screen reader navigation

User journey audit issue

#33513

Problem description

After the heading for the auto-indexing jobs page, the user is presented with a bar from which they can paste a "git rev-like" string with a button for enqueuing an auto-indexing job for that rev-like.

The screen-reader announces the bar with "git revlike" ("revlike" pronounced more like "rivlike"), followed by the text field announced as "head, insertion at end of text, git revlike, edit text". This doesn't indicate the purpose of the text field, and the purpose of the button is at a stretch somewhat implied.

Ref

SourceGraph Issue GitStart Issue

Expected behavior

The purpose of the entire bar should be explained outside of a vaguely correlated text element, text field and button.

Test Plan

1. For js context, you can change the value of codeIntelAutoIndexingEnabled on client/web/dev/utils/create-js-context.ts and rerun sg start web-standalone
2. Run the screen reader and hear it announce Provide a Git revspec to enqueue a new auto-indexing job while on the text label

App preview:

• Web
• Storybook

Check out the client app preview documentation to learn more.