Uploaded image for project: 'Jira Service Management Data Center'
  1. Jira Service Management Data Center
  2. JSDSERVER-11459

Filter : Custom checkbox for "Create another"does not have a role and/or state.

    Issue Summary

    The custom checkbox "Create another" element is missing a role and/or checked state.

    Steps to Reproduce

    1. Launch the URL
    2. In the header section Navigate to "Insights" and activate the link.
    3. Select the "Search objects" link from the insights menu.
    4. In the left navigation panel, activate the "Create object" button.
    5. A modal will appear for "Create Object", Navigate to the bottom of the modal keeping the screen reader on and try to activate the checkbox.

    Actual Results

    In the Create new object modal for the "Create another" checkbox, the role is not defined for the elements present in the modal. As a result, the interactive elements are announced as plain text by the screen reader.

    Additionally, the checkbox element does not receive keyboard focus, making the keyboard only users inaccessible to using the feature available. Also, they have missing explicit association as "for" and "id" are not present.

    Expected Results

    Apply the following changes:
    • Specify accessible role "Checkbox" for div element containing the checkbox and label.
    • Ensure that the appropriate tab index value is specified for the mentioned checkboxes using the "TabIndex" property to ensure that the checkboxes receive keyboard focus.
    • Specify state information for the checkboxes to notify users about the selected/unselected state of the checkboxes using the "aria-checked" property.

    Ensure that the Label and Checkbox as explicitly associated with each other using the "for" and "id" attributes.

    A working example could be found at: https://www.w3.org/WAI/ARIA/apg/example-index/checkbox/checkbox.html 

    https://pauljadam.com/guides/grouping.html 

    Screenshot

    Workaround

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

    Bug Ref: 746680

    Bulldog Ref:

          [JSDSERVER-11459] Filter : Custom checkbox for "Create another"does not have a role and/or state.

          Matthew Brennan made changes -
          Labels Original: 2.1.1 Accessibility Level-A WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-dev-ready ax-high-priority ax-jsm ax-kb-user ax-platform-dc ax-qa ax-qa-prioritised ax-qa-ready ax-qa-verified ax-vpat-critical sprint2 New: 2.1.1 Accessibility Level-A WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-critical ax-critical-priority ax-dev-ready ax-high-priority ax-jsm ax-kb-user ax-platform-dc ax-qa ax-qa-prioritised ax-qa-ready ax-qa-verified ax-vpat-critical sprint2
          Matthew Brennan made changes -
          Labels Original: 2.1.1 Accessibility Level-A WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-dev-ready ax-high-priority ax-jsm ax-kb-user ax-platform-dc ax-qa-prioritised ax-qa-ready ax-qa-verified ax-vpat-critical sprint2 New: 2.1.1 Accessibility Level-A WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-dev-ready ax-high-priority ax-jsm ax-kb-user ax-platform-dc ax-qa ax-qa-prioritised ax-qa-ready ax-qa-verified ax-vpat-critical sprint2
          Satej Mirpagar made changes -
          Resolution New: Fixed [ 1 ]
          Status Original: Waiting for Release [ 12075 ] New: Closed [ 6 ]
          Oleksandr Stoliar made changes -
          Sprint Original: JSM Sprint 1, JSM Sprint 2, JSM Sprint 3, JSM Sprint 4 [ 6985, 7016, 7035, 7042 ] New: JSM Sprint 1, JSM Sprint 2, JSM Sprint 3, JSM Sprint 4, JSM Sprint 5 [ 6985, 7016, 7035, 7042, 7051 ]
          Oleksandr Stoliar made changes -
          Remote Link New: This issue links to "Page (Confluence)" [ 736109 ]
          Oleksandr Stoliar made changes -
          Sprint Original: JSM Sprint 1, JSM Sprint 2, JSM Sprint 3 [ 6985, 7016, 7035 ] New: JSM Sprint 1, JSM Sprint 2, JSM Sprint 3, JSM Sprint 4 [ 6985, 7016, 7035, 7042 ]
          Denys Serhiienko (Inactive) made changes -
          Labels Original: 2.1.1 Accessibility Level-A WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-dev-ready ax-high-priority ax-jsm ax-kb-user ax-platform-dc ax-qa-prioritised ax-qa-ready ax-qa-verified ax-vpat-critical New: 2.1.1 Accessibility Level-A WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-dev-ready ax-high-priority ax-jsm ax-kb-user ax-platform-dc ax-qa-prioritised ax-qa-ready ax-qa-verified ax-vpat-critical sprint2
          Oleksandr Stoliar made changes -
          Sprint Original: JSM Sprint 1, JSM Sprint 2 [ 6985, 7016 ] New: JSM Sprint 1, JSM Sprint 2, JSM Sprint 3 [ 6985, 7016, 7035 ]
          ssuryavanshi (Inactive) made changes -
          Description Original: h3. Issue Summary

          The custom checkbox "Create another" element is missing a role and/or checked state.
          h3. Tested URL

          [https://instenv-19536-ipiz.instenv.internal.atlassian.com/secure/insight/search?criteria=&schema=3
          h3. Steps to Reproduce
           # Launch the URL
           # In the header section Navigate to "Insights" and activate the link.
           # Select the "Search objects" link from the insights menu.
           # In the left navigation panel, activate the "Create object" button.
           # A modal will appear for "Create Object", Navigate to the bottom of the modal keeping the screen reader on and try to activate the checkbox.

          h3. Actual Results

          In the Create new object modal for the "Create another" checkbox, the role is not defined for the elements present in the modal. As a result, the interactive elements are announced as plain text by the screen reader.

          Additionally, the checkbox element does not receive keyboard focus, making the keyboard only users inaccessible to using the feature available. Also, they have missing explicit association as "for" and "id" are not present.
          h3. Expected Results

          Apply the following changes:
          • Specify accessible role "Checkbox" for div element containing the checkbox and label.
          • Ensure that the appropriate tab index value is specified for the mentioned checkboxes using the "TabIndex" property to ensure that the checkboxes receive keyboard focus.
          • Specify state information for the checkboxes to notify users about the selected/unselected state of the checkboxes using the "aria-checked" property.

          Ensure that the Label and Checkbox as explicitly associated with each other using the "for" and "id" attributes.

          A working example could be found at: [https://www.w3.org/WAI/ARIA/apg/example-index/checkbox/checkbox.html

          [https://pauljadam.com/guides/grouping.html
          h3. Screenshot

          !Screenshot 2022-05-24 at 12.38.55 PM.png|width=660,height=363!
          h3. Workaround

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

          Bug Ref: 746680

          Bulldog Ref:
          New: h3. Issue Summary

          The custom checkbox "Create another" element is missing a role and/or checked state.
          h3. Steps to Reproduce
           # Launch the URL
           # In the header section Navigate to "Insights" and activate the link.
           # Select the "Search objects" link from the insights menu.
           # In the left navigation panel, activate the "Create object" button.
           # A modal will appear for "Create Object", Navigate to the bottom of the modal keeping the screen reader on and try to activate the checkbox.

          h3. Actual Results

          In the Create new object modal for the "Create another" checkbox, the role is not defined for the elements present in the modal. As a result, the interactive elements are announced as plain text by the screen reader.

          Additionally, the checkbox element does not receive keyboard focus, making the keyboard only users inaccessible to using the feature available. Also, they have missing explicit association as "for" and "id" are not present.
          h3. Expected Results

          Apply the following changes:
          • Specify accessible role "Checkbox" for div element containing the checkbox and label.
          • Ensure that the appropriate tab index value is specified for the mentioned checkboxes using the "TabIndex" property to ensure that the checkboxes receive keyboard focus.
          • Specify state information for the checkboxes to notify users about the selected/unselected state of the checkboxes using the "aria-checked" property.

          Ensure that the Label and Checkbox as explicitly associated with each other using the "for" and "id" attributes.

          A working example could be found at: [https://www.w3.org/WAI/ARIA/apg/example-index/checkbox/checkbox.html

          [https://pauljadam.com/guides/grouping.html
          h3. Screenshot

          !Screenshot 2022-05-24 at 12.38.55 PM.png|width=660,height=363!
          h3. Workaround

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

          Bug Ref: 746680

          Bulldog Ref:
          Tejas Parkar (Inactive) made changes -
          Labels Original: 2.1.1 Accessibility Level-A WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-dev-ready ax-high-priority ax-jsm ax-kb-user ax-platform-dc ax-qa-prioritised ax-qa-ready ax-vpat-critical New: 2.1.1 Accessibility Level-A WCAG21 ax-at-JAWS ax-at-NVDA ax-at-VO ax-at-user ax-bug ax-dev-ready ax-high-priority ax-jsm ax-kb-user ax-platform-dc ax-qa-prioritised ax-qa-ready ax-qa-verified ax-vpat-critical

            dserhiienko Denys Serhiienko (Inactive)
            12b69dcabe29 Matthew Brennan
            Affected customers:
            0 This affects my team
            Watchers:
            3 Start watching this issue

              Created:
              Updated:
              Resolved: