Issue Summary

The asterisk symbols indicating required fields are not explained to the users in the "Add link" non-modal dialog (that appears on activating the "Add link" link in the side navigation).

Steps to Reproduce

1. Navigate onto the above mentioned page.
2. Navigate onto the "Add link" link and activate it.
3. Observe that the input fields in the non-modal are required.
4. Observe that there are symbols that communicate this information.
5. Observe that these symbols are not explained anywhere in the non-modal.

Actual Results

There are input fields that identify themselves as required with an asterisk symbol. However, the meaning of the symbol is not explained.

This may particularly disadvantage users that find navigating the web cognitively challenging. That the symbol is not explained may confuse or misguide users.

Expected Result

Use clear and descriptive instructions. Make sure that the instructions are visible and permanent. When using a symbol to denote required fields, make sure that the symbol is explained and placed before the fields. For more information, you can refer, https://www.w3.org/WAI/WCAG21/Techniques/general/G184.

Screenshot

Code snippet

<span> * denotes required fields</span>

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.4
Chrome - Version 103.0.5060.134 (Official Build) (arm64)
Firefox- Version 93.0 (32-bit)
Safari- Version 15.5 (17613.2.7.1.8)
JAWS- Version 2022
NVDA- Version 2020.3
Voiceover - Version Latest