Issue Summary

      Accessible name is not provided to "Search the knowledge base" modal dialog.

      Steps to Reproduce

      1. With screen reader turned on navigate to the Help portal, 
      2. Navigate to the "Search help" button present under the "Search" input field & Activate the button
      3. Observe accessible label of the dialog is not announced by screen reader.

      Actual Results

      In the help center portal, when the user activates the "Search help" button, a modal pops up for "Search for Knowledge base". When the modal is available, the purpose of the modal is not conveyed to the screen reader users. This makes it the assistive tech user difficult to understand the purpose of the modal.

      Expected Results

      Ensure the purpose of the modal is conveyed to the screen reader users.

      Provide "aria-labelledby" attribute to the dialog container & provide the ID of the "Search for Knowledge base" heading element.

      Alternatively , provide an aria-label="Search the knowledge base" to the <div> element of the modal.

      Screenshot

      Screen recording

      Share the knowlegde modal.mp4

      Workaround

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

          Form Name

            [JSDSERVER-12290] Help center: Missing accessbile name for modal dialog

            There are no comments yet on this issue.

              fb78834a366d Jim Alexander
              2b3f463b7e2d Akhilesh Paradhi (Inactive)
              Affected customers:
              0 This affects my team
              Watchers:
              1 Start watching this issue

                Created:
                Updated:
                Resolved: