Issue Summary

The color alone is used to convey the error message inappropriately that is available in non-modal dialog.

Steps to Reproduce

1. Navigate to the "Issue" dropdown in the header.
2. Select any issue from the dropdown.
3. For example, select the "JSM-1 What am i looking at?" issue.
4. Observe that "View issue in queue view & comments" page has been appeared on the screen.
5. Activate the "View watcher" under "People" section.
6. Enter any alphabet, let's say "d" and press TAB key.
7. An error message will generate.
8. Check that there is no error indicating word or icon present.

Screenshot

Actual Results

The #DD350D color is used to identify the error message "The value d is invalid".
Color deficiencies users and screen reader users will not be able to differentiate between the colors and will have no way to easily identify the error message.

Expected Results

Provide text "Error" just befor the error message or provide "Warning/error" icon.

Workaround

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

Environment

MacBook Pro (16-inch, 2019)
macOS Ventura Version 13.3.1
Chrome - Version 114.0.5735.198 (Official Build) (x86_64)
Firefox- Version 112.0.1 (64-bit)
Safari- Version 16.4 (18615.1.26.11.23)
JAWS- Version 2022
NVDA- Version 2020.3
Voiceover - Version Latest