[SG-35238] Accessibility: Tree page (pre-redesign): Screen reader issues

Created by: gitstart-sourcegraph

Audit type

Screen reader navigation

User journey audit issue

#34420

Problem description

Issue 1:

Repo heading image is reported as "Image".

Issue 2:

File directory isn't read out as a list.

Refs

Sourcegraph Issue GitStart Issue

Expected behavior

Issue 1:

Repo heading image is only decorative, we should hide it from the user

Issue 2:

Wrap file directory in <ul> and <li> for full accessibility

Test Plan

• Navigate to commit tabs
• Use screen reader to read the header and it shouldn't be announced.
• Check the commit list items by inspecting using F12, the should be <ul> and <li> and it should be announced as list.

Demo Loom Video

https://www.loom.com/share/ac98899c01d04bb094c2d42da75580f1

App preview:

• Web
• Storybook

Check out the client app preview documentation to learn more.