Issue Summary

      On the Average Age Report page, only color is used to distinguish error messages.

      Steps to Reproduce

      1. Navigate to “Boards” menu pop-up link and activate it.
      2. Navigate to “Scrum” link and activate it.
      3. Navigate to “Report” link present in Side navigation and activate it.
      4. Navigate to "Average Age Report" link and activate it.
      5. Keep the required field empty and click the create button.
      6. Observe only color is used to distinguish the error message.

      Screenshot

      Actual Result

      The error in the "Days Previously" form field is indicated by red text only, which may be difficult for colorblind users to identify. This lack of additional non-color indication can prevent them from recognizing the required fields.

      Expected Result

      To make it easier for colorblind users to understand that an error has occurred, an additional method can be provided, such as using an image-icon (role="image") with an accessible name (aria-label="error"). This informative image can convey that an error has occurred.

      Code snippet

      <span role="image" aria-label="error"><span class="errMsg">You must specify a whole number of days.</span>/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 Ventura 14.2.1
      Chrome -Version 120.0.6099.71 (Official Build) (arm64)
      Firefox- Version 92.0 (64-bit)
      Safari- Version 17.1 (19616.2.9.11.7)
      JAWS- Version 2023
      NVDA- Version 2021.2
      Voiceover - Version Latest

          Form Name

            [JSWSERVER-26202] Average Age Report : Color alone is used to distinguish error message

            There are no comments yet on this issue.

              Unassigned Unassigned
              c1baca6cb430 Sameer Shaikh
              Affected customers:
              0 This affects my team
              Watchers:
              2 Start watching this issue

                Created:
                Updated: