Uploaded image for project: 'Bamboo Data Center'
  1. Bamboo Data Center
  2. BAM-21931

Deployment results : Inaccessible by keyboard and no conforming alternative

XMLWordPrintable

      Issue Summary

      General - 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.
      Name of the elements: "environment, Deployment 3 Deployment12" options in the Deployment menu dropdown
      Location: The dropdown is located right after the main heading "Deploy..."
      Additional info:
      Once we press tab key from the "Rerun this deployment" link, the menu closes completely without taking the focus to the mentioned options.
      Same is true with the "More actions" or "..." menu dropdown that is right after the "Deploy" dropdown. Once we press tab key from "Create new release", the menu closes instead of moving the focus to the Edit Environment and Delete this result options.

      Steps to Reproduce

      1. Open the home page
      2. Navigate to the "Deploy" link in the header and activate it.
      3. Navigate to the "All deployment projects" link and activate it
      4. Navigate to the main content and activate any project link from the "Deployment Project" column.
      5.  Navigate to the link present in the "Result" column and activate it.
      6. Navigate to the "Deploy" button and activate it.
      7. Observe that links are not accessible with the keyboard.

      Actual Results

      Keyboard support is missing for the "Return this deployment" and other links.

      This made it difficult for keyboard-only and screen-reader users to access the functionality associated with the link. Additionally, the state and role "menu item" is not defined for the links.

      Expected Results

      The functionality which is available via mouse should also be accessible. This will ensure the assistive technology and the keyboard-only user is able to use this functionality seamlessly.

      Implement the following changes:

      • Ensure that all the page functionality is available for all users irrespective of the device being used. Modify the scripts associated with the links to ensure that it is accessible for keyboard-only and screen reader users.
      • Provide role "menuitem" to the <a> element of the mentioned instances.
      • Replace the tabindex="-1" attribute with tabindex="0" in the source code of the mentioned instances.

      Screenshot

      Workaround

      Not Available

      Bug Ref: 462659

              c3057d0e8d6b Vadym Ohyr
              12b69dcabe29 Matthew Brennan
              Votes:
              0 Vote for this issue
              Watchers:
              4 Start watching this issue

                Created:
                Updated:
                Resolved: