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

Kanban Board Issues : Inaccessible by keyboard and no conforming alternate

    XMLWordPrintable

Details

    Description

      Issue Summary

      The element is not accessible by keyboard alone and there is no conforming accessible version of the same functionality reachable from the non-conforming page.

      Element : Release button

       

      Tested URL

      https://instenv-10447-lliy.instenv.internal.atlassian.com/secure/RapidBoard.jspa?rapidView=2

      Steps to Reproduce

      1. Navigate to the Jira dashboard page.
      2. Navigate to the "Boards" menu button in the header section & activate it.
      3. Activate the “KP board ” link or any other board available in the menu. 
      4. Navigate to the "Kanban board" section.

      Actual Results

      The "Release…" button link in the right section of the page in the main content area does not receive keyboard focus and screen reader focus. The element is given in an anchor element and given a role of a button which are nested inside List group of "Backlog", "Selected for Development" header elements which do not receive keyboard focus.

      The "Release..." button link is available on mouse click and mouse hover actions.

      This makes keyboard-only users difficult to access the link present in the Project dashboard.

      Expected Results

      Following are the expected keyboard interactions.

      • The Interactive element "Release…" button should be able to receive keyboard focus and the screen reader should announce "Create and release a version from this column".
      • The elements should get activated with "Enter" key.
      • When the user presses the "Release…" button link, the screen reader should announce the change in the page that happened.

      Apply the following suggested fixes in the source code.

      • Remove the link from the list element are keep it separate into another div element in order that it is an independent element and not in the headers list.
      • Provide an appropriate aria-label such as aria-label="Release version" in the source code.

      Screenshot

       

      Screen Recording

      JRASERVER-73398.mov

      Workaround

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

      Bug Ref: 725851

      Attachments

        Issue Links

          Activity

            People

              a955dc6cda19 Oleksandr Stoliar
              12b69dcabe29 Matthew Brennan
              Votes:
              1 Vote for this issue
              Watchers:
              4 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved: