Issue Summary

      Role "Listbox" and state such as "Expand/Collapse" is not defined programmatically.

      Steps to Reproduce

      1. Navigate to the "Plans" dropdown and select any plan.
      2. Explore the interactive element and verify that role and state is not defined.

      Screenshot

      Actual Results

      Role and state is not defined for the interactive elements such as "Choose an Issue" element (that becomes available when we activate the "1", "2", "3", interactive elements). This made it difficult for screen reader users to access the functionality associated with it.

      Expected Results

      • Provide role "listbox" to the <ul> element and for options provide role "option" to <li> element. Use native <button> element or provide role "button".
      • Use "aria-labelledby" and "id" attributes to associate the labels with form field.
      • Add "aria-activedescendant" attribute to identify the currently active option.
      • Provide "aria-expanded" attribute to the <button> element. Make sure that the value of the attribute should be updated on user interaction.

      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.6.1
      Chrome - Version 120.0.6099.234 (Official Build) (x86_64)
      Firefox- Version 112.0.1 (64-bit)
      Safari- Version 17.3 (18617.2.4.11.9, 18617)
      JAWS- Version 2022
      NVDA- Version 2020.3

          Form Name

            [JSWSERVER-25771] Accessibility Assessment | Roadmaps: Role and state not defined

            Marc Dacanay made changes -
            Labels Original: 4.1.2 Level-A WCAG21 ax-at-user ax-bug ax-high-priority ax-jiradc-arj ax-jiradc-arj-vpat2024 ax-jiradc-vpat ax-jiradc-vpat-accessibilityassessmentroadmaps ax-jiradc-vpat-pg03 ax-qa New: 4.1.2 Level-A WCAG21 ax-at-user ax-bug ax-high-priority ax-jiradc-arj ax-jiradc-arj-vpat2024 ax-jiradc-vpat ax-jiradc-vpat-accessibilityassessmentroadmaps ax-jiradc-vpat-pg03 ax-qa ril
            Marc Dacanay made changes -
            Remote Link New: This issue links to "Internal ticket (Web Link)" [ 963936 ]
            Sylwia Mikołajczuk made changes -
            Priority Original: High [ 2 ] New: Medium [ 3 ]
            Stasiu made changes -
            Introduced in Version Original: 9.12 New: 8.2
            Affects Version/s New: 8.20.30 [ 106364 ]
            Affects Version/s New: 9.4.17 [ 106909 ]
            Sylwia Mikołajczuk made changes -
            Labels Original: 4.1.2 Level-A WCAG21 ax-at-user ax-bug ax-high-priority ax-jiradc-vpat ax-jiradc-vpat-accessibilityassessmentroadmaps ax-jiradc-vpat-pg03 ax-qa New: 4.1.2 Level-A WCAG21 ax-at-user ax-bug ax-high-priority ax-jiradc-arj ax-jiradc-arj-vpat2024 ax-jiradc-vpat ax-jiradc-vpat-accessibilityassessmentroadmaps ax-jiradc-vpat-pg03 ax-qa
            Stasiu made changes -
            Component/s Original: Accessibility [ 62491 ]
            Component/s Original: (Advanced Roadmaps) Other [ 73719 ]
            Component/s New: (Advanced Roadmaps) Accessibility [ 74392 ]
            Stasiu made changes -
            Status Original: Needs Triage [ 10030 ] New: Ready for Development [ 10049 ]
            Stasiu made changes -
            Component/s New: (Advanced Roadmaps) Other [ 73719 ]
            Varsha Bansode made changes -
            Labels Original: 4.1.2 Level-A WCAG21 ax-at-user ax-bug ax-high-priority ax-jiradc-vpat ax-jiradc-vpat-accessibilityassesmentroadmaps ax-jiradc-vpat-accessibilityassessmentroadmaps ax-jiradc-vpat-pg03 ax-qa New: 4.1.2 Level-A WCAG21 ax-at-user ax-bug ax-high-priority ax-jiradc-vpat ax-jiradc-vpat-accessibilityassessmentroadmaps ax-jiradc-vpat-pg03 ax-qa
            Sylwia Mikołajczuk made changes -
            Labels Original: 4.1.2 Level-A WCAG21 ax-at-user ax-bug ax-high-priority ax-jiradc-vpat ax-jiradc-vpat-accessibilityassesmentroadmaps ax-jiradc-vpat-pg03 ax-qa New: 4.1.2 Level-A WCAG21 ax-at-user ax-bug ax-high-priority ax-jiradc-vpat ax-jiradc-vpat-accessibilityassesmentroadmaps ax-jiradc-vpat-accessibilityassessmentroadmaps ax-jiradc-vpat-pg03 ax-qa

              Unassigned Unassigned
              c3f9a46dc7c4 Varsha Bansode
              Affected customers:
              0 This affects my team
              Watchers:
              1 Start watching this issue

                Created:
                Updated: