Issue Summary

Missing visual label for the “Enter a tag name“ input field.

Steps to Reproduce

1. Navigate to the “Source branch” button and activate it.
2. Navigate to the "Tags" tab & activate it.
3. Inspect the code for the mentioned input field.
4. Observe that an incorrect visual label is available for the input field.

Screenshot

Actual Results

When a user activates the "Source branch" button, the "tags" tab that appears inside is incorrectly associated with the first tab ( branches) and lacks the visual label for the "Enter a tags name" input field. As a result, screen reader users might not understand the purpose of the input field effectively.

Expected Results

Provide a unique and descriptive label for the discussed form field using the <label> element. This will help screen reader users understand the purpose of the form field.

If this solution is not feasible, then provide an appropriate aria label such as "Enter a tag name"

Note: Before implementing the changes in a label, confirm this with your content design team.

Code Snippet

<label class="assistive" for="inline-dialog-repository-layout-revision-selector-dialog-search-input">Enter a tag name</label>
(...)

Workaround

Currently, there is no known workaround for this behaviour. A workaround will be added here when available.

Environment

MacBook Pro (16-inch, 2019)
macOs Ventura 13.5.1
Chrome - Version 113.0.5672.63 (Official Build) (x86_64)
Firefox- Version 92.0 (64-bit)
Safari- Version 16.4 (18615.1.26.110.1)
JAWS- Version 2022
NVDA- Version 2021.2
Voiceover - Version Latest