Uploaded image for project: 'Jira Data Center'
  1. Jira Data Center
  2. JRASERVER-75679

View all Project: Color alone used to distinguish error messages

    XMLWordPrintable

Description

    Issue Summary

    Color alone is used to convey the error messages which will be difficult to identify to low vision or color blind users.

    Note: Similar issue has been observe on "Profile Settings", "Managing releases", "Kanban board", and "Create Dashboard".

    Steps to Reproduce

    1. Navigate to the "Projects" dropdown present in the header section.
    2. Navigate to the "View all projects" option and select it.
    3. Observe that "View all projects' page has been appeared on the page.
    4. Navigate to the "Create Project" link and activate it.
    5. Observe that modal dialog has appeared on the screen.
    6. Selecting any radio button and proceed further by activating "Next" button.
    7. Submit the empty form and check error messages has appeared on the screen.

    Screenshot

    Actual Results

    When user submit the empty form fields in "Scrum software development" modal dialog an error messages "You must specify a valid project name." and "Project keys must start with an uppercase letter, followed by one or more uppercase alphanumeric characters." get added just below the input fields but there is no indication which will define that these are an error messages except color. Color alone won't be sufficient to convey the appearance of error messages. As a result, low vision users or color blind users will find it difficult to identify.

    Expected Results

    Provide any visual cue to differentiate the error message by providing the "warning" icons or the text "Error" just before the error message. For example, Error: You must specify a valid project name.

    Code Snippet

    <div class="error">Error: You must specify a valid project name.</div>

    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 112.0.5615.49 (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

    Attachments

      Activity

        People

          Unassigned Unassigned
          c3f9a46dc7c4 Varsha Bansode
          Votes:
          1 Vote for this issue
          Watchers:
          3 Start watching this issue

          Dates

            Created:
            Updated: