Move Respository Modal : The Input field and Combobox for the Move repository modal have labels and roles missing.

XMLWordPrintable

    • Severity 2 - Major
    • 0

      Issue Summary

      The Input field and Combobox for the Move repository modal have labels and roles missing.

      Steps to Reproduce

      1. Launch the URL
      2. In the main content area, Navigate to the Repositories available and select a repository with a checkbox.
      3. Options will appear on top to Delete or Move the repository, select the "Move" button.
      4. A modal will appear, navigate into the modal.

      Screenshot

       

       

      Actual Results

      The Move repository modal has an Autocomplete list Combobox for "Project" and an input field for "Name" to move the selected repository from the Combobox to a named repository. These particular elements have some of the Labels and Roles missing. When native HTML elements are used basic information about an element, such as name, role, state and value are exposed to assistive technologies by default. However, for custom components, this information needs to be made available for assistive technologies, so users can interact with the custom components effectively.

      When the role and label of an interactive element are not exposed to assistive technologies through code, users might not be able to interact with the element effectively.  

      Expected Results

      Few of the following labels and roles could be added to the following elements :

      Project Combobox:
      • A role="combobox" could be added to the <input> element.
      • The dropdown menu should announce the label it is associated with.
      • For this case, when the users focus to enter the Dropdown menu, it should announce content such as "Project name, select the Project from the list of items". This will help the assistive technology user to understand the relation between the label and the dropdown menu.
      • A working example for accessible Autocomplete Combobox could be found at: https://www.w3.org/TR/wai-aria-practices-1.2/examples/combobox/combobox-autocomplete-list.html

      Name Input field :

      • Element has no placeholder attribute, adding could be a best practice.

      Workaround

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

      Bug Ref: 735824

            Assignee:
            Vadym Ohyr
            Reporter:
            Matthew Brennan
            Votes:
            0 Vote for this issue
            Watchers:
            4 Start watching this issue

              Created:
              Updated:
              Resolved: