Issue Summary

      The state information is not defined programmatically for few elements in the main content area.

      Steps to Reproduce

      1. Navigate to the "Plans" dropdown and select any plan.
      2. Navigate the page using screen reader.
      3. Using screen reader navigate the page content.
      4. Verify that state is not defined programmatically.

      Screenshot

      Actual Results

      The current state is not programmatically defined for the currently active “3M”, "1Y", "Fit", and "Custom" button.
      As a result, screen reader users will not be aware of the currently selected state of the button.

      Expected Results

      Ensure that the current state of the active element is defined using the "aria-pressed" attribute with an appropriate token value.
      Apply the following changes:

      • Add the aria-pressed="true" attribute to <button> element.
      • Ensure that the "aria-pressed" attribute is updated as per user interaction using scripting.

      Code Snippet

      <button aria-pressed="true" class="_13IoD sc-fAjcbJ dKHlbz" spacing="default" type="button">
      <span style="align-self: center; display: inline-flex; flex-wrap: nowrap; max-width: 100%; position: relative;">
      <span style="align-items: center; align-self: center; flex: 1 1 auto; margin: 0px 4px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: opacity 0.3s ease 0s; opacity: 1;">3M</span>
      </span>
      </button>

      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

            [JSWSERVER-25745] Accessibility Assessment - Roadmaps: Current state is 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-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-arj ax-jiradc-arj-vpat2024 ax-jiradc-vpat ax-jiradc-vpat-accessibilityassesmentroadmaps 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)" [ 963917 ]
            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-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-arj ax-jiradc-arj-vpat2024 ax-jiradc-vpat ax-jiradc-vpat-accessibilityassesmentroadmaps 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 ]
            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
            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-accessibilityassesmentroadmaps ax-jiradc-vpat-pg03 ax-qa
            Varsha Bansode made changes -
            Priority Original: Low [ 4 ] New: High [ 2 ]

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

                Created:
                Updated: