-
Bug
-
Resolution: Fixed
-
Low
-
4.22.2
-
Severity 2 - Major
-
Issue Summary
The custom checkbox "Create another" element is missing a role and/or checked state.
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.
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.
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 |
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 |
Resolution | New: Fixed [ 1 ] | |
Status | Original: Waiting for Release [ 12075 ] | New: Closed [ 6 ] |
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 ] |
Remote Link | New: This issue links to "Page (Confluence)" [ 736109 ] |
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 ] |
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 |
Sprint | Original: JSM Sprint 1, JSM Sprint 2 [ 6985, 7016 ] | New: JSM Sprint 1, JSM Sprint 2, JSM Sprint 3 [ 6985, 7016, 7035 ] |
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: |
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 |