Issue Summary

The color alone used to indicate the error message.

Steps to Reproduce

1. Navigate to the "Plans" dropdown and activate it.
2. Select any plan from the listbox.
3. Navigate to the "Custom" expand collapse button and activate it.
4. Provide the incorrect dates and check that color alone used to indicate the error message.

Screenshot

Actual Results

When user navigate to date widget and enters wrong date, an error message such as "Choose a start date that’s earlier than the end date." becomes appear in red color text. There is no visual clue to identify an error message such as "error" text or warning icon. As a result, screen reader users might get confuse.

Expected Results

Provide some visual cue or some icon to identify the error message. Provide the text "Error" just before the error message such as "Error: Choose a start date that’s earlier than the end date."

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.6.1
Chrome - Version 120.0.6099.234 (Official Build) (x86_64)
Firefox- Version 112.0.1 (64-bit)
Safari- Version 17.3 (18617.2.4.11.9, 18617)
JAWS- Version 2022
NVDA- Version 2020.3