No screen-reader support to identify locked file in repo tree

Summary

We show pad lock icon next to locked file name in repository tree, hovering over the icon shows tooltip Locked by <user_name>. But same is not conveyed while reading file name using screen reader. This behavior works fine when viewing locked files from Repository > Locked files page.

Steps to reproduce

I used tota11y from Khan Academy for identifying this issue.

  • Install tota11y bookmark in Chrome/Firefox.

  • Navigate to Repository > Files and locate locked file.

  • Click on tota11y bookmark.

  • From bottom left of page, click on floating tota11y icon, and select Screen Reader Wand.

  • Hover over name of file which is locked.

What is the current bug behavior?

Screen reader only identifies File name, and not the status of file, which is locked.

What is the expected correct behavior?

Screen reader should be able to identify file name as well as status of file.

Screenshots

image

Output of checks

This bug happens on GitLab.com

Possible fixes

Use aria-label property to mention lock details as we show on tooltip.