Find an issue : Table has no accessible name

XMLWordPrintable

    Issue Summary

    On "Find an issue" page, the table is does not have accessible name.

    Note : This issue is found on "Basic" and "Advanced" mode.

    Steps to Reproduce

    1. Open any project. 
    2. Activate "Issues" button in the header section and select "Search for issues" option.
    3. Navigate through page using screen reader or inspect the code. 
    4. Observe that the table does not have accessible name. 

    Screenshot

    Actual Results

    The data table is missing accessible name that summarises the data inside the table due to which screen reader users were unable to make an informed decision on whether they want to review the table data or skip it.

    Expected Results

    A logical and descriptive name should be provided for mentioned data table using aria-label or <caption>.

    The following things could be used to make the table accessible:

    Code snippet 1: Using aria-label
     

    <table aria-label="Search all issues" ...>
    ...
    </table>

    Code snippet 2: Using <caption>
     

    <table>
    <caption>Search all issues</cpation>
    </table>

    Workaround

    Not available

    Environment

    MacBook Pro (16-inch, 2021)

    macOS Sonoma Version 14.1

    Chrome - Version 119.0.6045.159 (Official Build) (arm64)

    Firefox- Version 93.0 (32-bit) Safari- Version 17.1 (19616.2.9.11.7)

    JAWS- Version 2023

    NVDA- Version 2020.3

    Voiceover - Version Latest

          Assignee:
          Karol Skwierawski
          Reporter:
          Shruti Chabukswar (Inactive)
          Votes:
          0 Vote for this issue
          Watchers:
          3 Start watching this issue

            Created:
            Updated:
            Resolved: