Issue Summary

      The options present in the "profile dropdown" are not properly announced by the screen reader on the "Help center" page.

      Steps to Reproduce

      1. Open any JSM page
      2.  Create any "ITSM" project 
      3. Navigate to "Raise a request" button in the side navigation and activate it
      4. Observe the "Help center" page opens
      5. Navigate to the "Profile" button and activate it
      6. Navigate to the profile dropdown options using screen reader
      7. Observe the screen reader announcement

      Screen recording

      Requests - Service project — Mozilla Firefox 2024-06-19 17-29-34.mp4

      Actual Result

      When users navigate to the Profile dropdown in the header section the options are not announced by the screen reader properly. This may create confusion for the screen reader users

      Expected Result

      Ensure that the Dropdown options should announced by the screen reader. In this scenario when the screen reader users navigate to the dropdown options the label of the each option should be announced. As well code the dropdown options adjacent to the dropdown profile menu.

      Workaround

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

      Environment

      MacBook Pro (16 inch, 2021)
      macOs Ventura  13.5
      Chrome - Version 115.0.5790.170 (Official Build) (arm64)
      Firefox- Version 112.0. 1
      Safari- Version 16.5 (18615.2.9.11.4)
      JAWS- Version 2023
      NVDA- Version 2023
      Voiceover - Version Latest

            [JSDSERVER-15384] Help center: Options not accessible for screen reader users

            There are no comments yet on this issue.

              Unassigned Unassigned
              415c9ec44a7c Pravalika Suragani (Inactive)
              Affected customers:
              0 This affects my team
              Watchers:
              5 Start watching this issue

                Created:
                Updated:
                Resolved: