Uploaded image for project: 'Jira Data Center'
  1. Jira Data Center
  2. JRASERVER-75283

Kanban board: ARIA attribute aria-hidden defined inappropriately

    XMLWordPrintable

Details

    Description

      Issue Summary

      The elements such as "BACKLOG 3 OF 7", "SELECTED FOR DEVELOPMENT 1", and so on are not being announced by screen reader.

      Steps to Reproduce

      1. Navigate to "Boards" dropdown present in the header section.
      2. Navigate to the "KAN board" option and activate it.
      3. Observe that "Kanban board" page has been appeared on the page
      4. Turn on the screen reader and check that few elements are not announced by screen reader.

      Screenshot

      Actual Results

      The "aria-hidden" attribute is used for <div> container containing the content such as "BACKLOG 3 OF 7", "SELECTED FOR DEVELOPMENT 1", "IN PROGRESS 3 MAX 1", "DONE 3" and "Release" button. As a result, screen reader users cannot access the content virtual cursor i.e., arrow keys and its content is not announced by the screen reader.

      Expected Results

      Remove aria-hidden="true" attribute from the <div> container containing "BACKLOG 3 OF 7", "SELECTED FOR DEVELOPMENT 1", "IN PROGRESS 3 MAX 1", and so on.

      Ensure that screen reader should announce the content available on the page.

      Code Snippet

      <div id="ghx-column-header-group" class="ghx-column-header-group ghx-has-stats">
      (...)
      <h6 class="ghx-column-title" id="ghx-column-title-12" title="Backlog">Backlog</h6>
      (...)
      </div>

      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 Monterey Version 12.6
      Chrome - Version 106.0.5249.91 (Official Build) (x86_64)
      Firefox- Version 93.0 (32-bit)
      Safari- Version 14.1.2 (16611.3.10.1.16)
      JAWS- Version 2022
      NVDA- Version 2020.3
      Voiceover - Version Latest

      Attachments

        Activity

          People

            a5c3cff19897 Yurii Yatskiv
            c3f9a46dc7c4 Varsha Bansode
            Votes:
            0 Vote for this issue
            Watchers:
            3 Start watching this issue

            Dates

              Created:
              Updated:
              Resolved: