Issue Summary

The label is not specified for the "Paste link" form field.

Steps to Reproduce

1. Open the "Help Center - report server for fix" page.
2. Navigate to the main content.
3. Navigate to the "Link CTRL + K" button and activate it.
4. A modal dialog appears on the page.
5. Navigate to the mentioned form field.
6. Inspect the code and observe that the label or "title" attribute is not provided for the form field.

Screenshot

Actual Results

The "Paste link" form field in the main content area does not have the label associated with it and "title" attribute is not included in it's source code either.
As a result, screen reader users will not understand the purpose of the form fields.

Expected Results

Apply the following changes:

• unique and descriptive label for mentioned form fields using <label> element.
• Associate the label explicitly with the form field by providing identical value which is unique from other IDs to "for" and "id" attributes of the label and form field respectively.

Alternatively, use either hidden labels or "title" or "aria-label" attribute to convey the purpose of the form fields to screen reader users as well as maintain the presentation.

Code Snippet

<label for="uid11">Paste link</label>
<input id="uid11" role="combobox" aria-autocomplete="list" aria-expanded="true" aria-controls="hyperlink-search-list" aria-activedescendant="" aria-describedby="search-recent-links-field-description" data-testid="link-url" type="text" placeholder="Paste link" class="css-podyn3" value="">

Workaround

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

Environment

MacBook Pro (16-inch, 2021)
macOs Monterey Version 12.3.1
Chrome - Version 101.0.4606.81 (Official Build) (64-bit)
Firefox- Version 93.0 (32-bit)
Safari- Version 15.3 (17612.4.9.1.5)
JAWS- Version 2022
NVDA- Version 2020.3
Voiceover - Version Latest