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

All Boards : Board type filter element is inaccessible for Keyboard & screen reader users.

    Issue Summary

    On All boards page, the board type filter element is inaccessible for Keyboard & screen reader users.

    Bug Ref: 731784

    Steps to Reproduce

    1. Navigate to Jira homepage.
    2. Navigate to the "Boards" menu in the header section & activate it.
    3. Activate the "View all boards" link from the menu.
    4. Navigate to the "Board type" button present inside main content.

    Actual Results

    While navigating with keyboard, when user activate the "Board type: All" button, the focus is set on the <div> element incorrectly.

    Also the checkbox elements such as "Scrum" & "kanban" don’t get activated by Keyboard space key.

    Also when checkbox is activated the results in main content are dynamically updated. This updates are not conveyed to the screen reader users.

    The input checkbox element is marked inside a link & also it has tabindex="-1" attribute incorrectly.

    Expected Results

    The checkbox elements such as "Scrum" & "kanban" should be accessible for Keyboard & screen reader users. The checkbox elements should get activated via Keyboard space key.

    Apply following fixes for menu component.

    • Remove the tabindex="-1" attribute from the checkbox <input> elements.
    • The checkbox elements should not be wrapped inside an anchor element.
    • The text such as "scrum" & "kanban" should be marked inside <label> elements & must be associated with the <input> elements.
    • When the popup is expanded the focus should be set to first input. i.e "kanban" input element.
    • Provide role="menu" to <ul> element & role="menuitemcheckbox" to <input> elements.
    • Provide role="presentation" to <li> elements.

    Apply following fixes for dynamic updates 

    • The dynamic update of results in main content area should be conveyed to the screen reader users.
    • Provide an off-screen instructions such as "Now showing kanban boards" or "Now Showing scrum boards", etc in the ARAI live region.

    Screenshot

    Screen Recording

    Screen Recording 2022-03-14 at 3.08.02 PM.mov

    Workaround

    Refer to the implementation of checkbox menu in the Atlassian Design system.

    https://atlassian.design/components/dropdown-menu/dropdown-item-checkbox/examples 

      1. QA JRASERVER-73443.mov
        5.57 MB
        Akhilesh Paradhi
      2. QA JRASERVER-73443.png
        284 kB
        Akhilesh Paradhi
      3. Screen Recording 2022-03-14 at 3.08.02 PM.mov
        7.46 MB
        ssuryavanshi
      4. Screen Recording 2022-09-23 at 5.12.55 PM.mov
        9.35 MB
        ssuryavanshi
      5. Screenshot 2022-03-14 at 3.07.15 PM.png
        885 kB
        ssuryavanshi
      6. Screenshot 2022-09-20 at 16.42.12.png
        465 kB
        Yurii Travenko

          [JRASERVER-73443] All Boards : Board type filter element is inaccessible for Keyboard & screen reader users.

          Matthew Brennan made changes -
          Labels Original: 2.1.1 4.1.2 Accessibility WCAG21 ax-at-NVDA ax-at-VO ax-at-jaws ax-at-user ax-bug ax-desktop ax-dev-ready ax-jira ax-kb-user ax-macos-safari ax-platform-dc ax-qa ax-qa-partially-verified ax-qa-prioritised ax-qa-verified ax-triaged ax-vpat-serious ax-windows-chrome ax-windows-firefox ytravenko New: 2.1.1 4.1.2 Accessibility WCAG21 ax-at-NVDA ax-at-VO ax-at-jaws ax-at-user ax-bug ax-desktop ax-dev-ready ax-high-priority ax-jira ax-kb-user ax-macos-safari ax-platform-dc ax-qa ax-qa-partially-verified ax-qa-prioritised ax-qa-verified ax-triaged ax-vpat-serious ax-windows-chrome ax-windows-firefox ytravenko
          Matthew Brennan made changes -
          Labels Original: 2.1.1 4.1.2 Accessibility WCAG21 ax-at-NVDA ax-at-VO ax-at-jaws ax-at-user ax-bug ax-desktop ax-dev-ready ax-jira ax-kb-user ax-macos-safari ax-platform-dc ax-qa-partially-verified ax-qa-prioritised ax-qa-verified ax-triaged ax-vpat-serious ax-windows-chrome ax-windows-firefox ytravenko New: 2.1.1 4.1.2 Accessibility WCAG21 ax-at-NVDA ax-at-VO ax-at-jaws ax-at-user ax-bug ax-desktop ax-dev-ready ax-jira ax-kb-user ax-macos-safari ax-platform-dc ax-qa ax-qa-partially-verified ax-qa-prioritised ax-qa-verified ax-triaged ax-vpat-serious ax-windows-chrome ax-windows-firefox ytravenko
          dromanenko (Inactive) made changes -
          Resolution New: Done [ 17 ]
          Status Original: Waiting for Release [ 12075 ] New: Closed [ 6 ]
          Oleksandr Stoliar made changes -
          Sprint Original: Jira Sprint 1, Sprint 6, Sprint 7, Sprint 8, Sprint 9, Sprint 10, Sprint 11, Sprint 12, Sprint 13 [ 6728, 6834, 6847, 6859, 6863, 6892, 6904, 6922, 6936 ] New: Jira Sprint 1, Sprint 6, Sprint 7, Sprint 8, Sprint 9, Sprint 10, Sprint 11, Sprint 12, Sprint 13, Sprint 14 [ 6728, 6834, 6847, 6859, 6863, 6892, 6904, 6922, 6936, 6979 ]
          Oleksandr Stoliar made changes -
          Sprint Original: Jira Sprint 1, Sprint 6, Sprint 7, Sprint 8, Sprint 9, Sprint 10, Sprint 11, Sprint 12 [ 6728, 6834, 6847, 6859, 6863, 6892, 6904, 6922 ] New: Jira Sprint 1, Sprint 6, Sprint 7, Sprint 8, Sprint 9, Sprint 10, Sprint 11, Sprint 12, Sprint 13 [ 6728, 6834, 6847, 6859, 6863, 6892, 6904, 6922, 6936 ]
          Oleksandr Stoliar made changes -
          Sprint Original: Jira Sprint 1, Sprint 6, Sprint 7, Sprint 8, Sprint 9, Sprint 10, Sprint 11 [ 6728, 6834, 6847, 6859, 6863, 6892, 6904 ] New: Jira Sprint 1, Sprint 6, Sprint 7, Sprint 8, Sprint 9, Sprint 10, Sprint 11, Sprint 12 [ 6728, 6834, 6847, 6859, 6863, 6892, 6904, 6922 ]
          Oleksandr Stoliar made changes -
          Sprint Original: Jira Sprint 1, Sprint 6, Sprint 7, Sprint 8, Sprint 9, Sprint 10 [ 6728, 6834, 6847, 6859, 6863, 6892 ] New: Jira Sprint 1, Sprint 6, Sprint 7, Sprint 8, Sprint 9, Sprint 10, Sprint 11 [ 6728, 6834, 6847, 6859, 6863, 6892, 6904 ]
          Oleksandr Stoliar made changes -
          Sprint Original: Jira Sprint 1, Sprint 6, Sprint 7, Sprint 8, Sprint 9 [ 6728, 6834, 6847, 6859, 6863 ] New: Jira Sprint 1, Sprint 6, Sprint 7, Sprint 8, Sprint 9, Sprint 10 [ 6728, 6834, 6847, 6859, 6863, 6892 ]
          Yurii Travenko (Inactive) made changes -
          Fix Version/s New: 9.5.0 [ 102892 ]
          Yurii Travenko (Inactive) made changes -
          Status Original: In Review [ 10051 ] New: Waiting for Release [ 12075 ]

            36a811bdd856 Yurii Travenko (Inactive)
            12b69dcabe29 Matthew Brennan
            Affected customers:
            1 This affects my team
            Watchers:
            6 Start watching this issue

              Created:
              Updated:
              Resolved: