Create Issue : Custom checkbox does not have a role, name and state

XMLWordPrintable

    • 8.2
    • Severity 3 - Minor

      Issue Summary

      The custom checkbox element for "Show done epic" in the Create issue modal is missing a role and/or checked state.

      Steps to Reproduce

      1. Navigate to the Jira dashboard page.
      2. Navigate to the "Create" menu button in the header section & activate it.
      3. In the Issue, type select Epic and fill in the details.
      4. Navigate to the Epic link input field and activate it. (In case the Epic link input field is not available, select the "Configure fields" which are available in the top right corner of the modal and select the "Epic Link " option.
      5. Inspect the checkbox element for "Show done epic".

      Actual Results

      In the Create issue modal for the "Show done epic" checkbox, which is available on activating the Epic link input field has missing roles and states. This will make it the assistive technology users difficult to understand its functionality and state.

      Additionally, the checkbox has missing keyboard support.

      Expected Results

      The name, role, value, states, and properties of user interface components must be programmatically determinable by assistive technologies. Fix this issue by using of the following techniques:
      1. Use the HTML <input type="checkbox"> element with a programmatic label.
      2. Use the ARIA method:
      a. Use the role="checkbox" attribute on the checkbox container.
      b. Use the aria-checked="true"/"false" attribute to convey the checked/unchecked state.
      c. Provide a programmatic label by using the aria-labelledby attribute or aria-label attribute or wrapping the visible label inside the checkbox element.

      REFERENCE:
      WAI-ARIA Authoring Practices: https://www.w3.org/WAI/ARIA/apg/example-index/checkbox/checkbox.html 

      Screenshot

      Workaround

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

      Bug Ref: 739156

        1. Epic done.png
          549 kB
          Akhilesh Paradhi
        2. Screen Recording 2025-01-20 at 10.30.07 AM.mov
          21.72 MB
          Saiman Khan
        3. Screenshot 2025-01-20 at 11.02.14 AM.png
          709 kB
          Saiman Khan

            Assignee:
            Mykyta Bohoslavskyi
            Reporter:
            Matthew Brennan
            Votes:
            2 Vote for this issue
            Watchers:
            5 Start watching this issue

              Created:
              Updated:
              Resolved: