Open issues page: Incorrect role announced for tabpanel controls

XMLWordPrintable

    Steps to reproduce:

    1. Navigate to and activate "Issues" link from left navigation region.
    2. With a screen reader running in background, navigate to "All", "Comments", "Worklog", etc. links under the "Activity" section.

    Screenshot:

    Actual behaviour:

    Appropriate role and state is not defined for tab panel controls present under "Activity" section. The tabs appear as plain links to screen reader users and they are unaware of tabpanel being present on page.

    Expected result:

    1. The <ul> element should have a role of "tablist" and the <li> elements present inside it should have role of "tab". This will ensure correct announcement of tab when the "All", "Comments", "Worklog", etc. links receive focus.
    2. The container displaying content for that tab should have a role of "tabpanel" and the container should be referenced with its respective tab control using "aria-controls" attribute.

    For more details on implementation, refer https://www.w3.org/TR/wai-aria-practices/examples/tabs/tabs-2/tabs.html

     

    AXQA Ref:AXQA-130

      1. 130-20220116-101333.png
        545 kB
        ssuryavanshi
      2. Screen Recording 2022-06-17 at 12.41.49 PM.mov
        9.68 MB
        ssuryavanshi

          Assignee:
          Maciej Szarecki
          Reporter:
          Matthew Brennan
          Votes:
          1 Vote for this issue
          Watchers:
          7 Start watching this issue

            Created:
            Updated:
            Resolved: