Uploaded image for project: 'Jira Service Management Data Center'
  1. Jira Service Management Data Center
  2. JSDSERVER-11653

Example Summary - Step 1 : Visible label missing.

XMLWordPrintable

      Issue Summary

      No visual label is present and the purpose of this field is not clear without a visual label.
      Element Name: Form label of text fields that appear on expanding the Combobox.

      Location of the element: The text fields that appear on expanding the Combobox.

      Issue details: These text fields that appear on expanding the Combobox are missing the form labels.

      Note: Similar issue on all coombox of the page.

      Tested URL

      https://instenv-5971-nizh.instenv.atl-test.space/servicedesk/customer/portal/1/create/35

      Steps to Reproduce

      1. Step 1

      Actual Results

      Actual results

      Expected Results

      Fix Information
      RULE :
      The name, role, value, states, and properties of user interface components MUST be programmatically determinable by assistive technologies.

      HOW TO FIX:
      A listbox widget presents a list of options and allows a user to select one or more of them. A listbox that allows a single option to be chosen is a single-select listbox; one that allows multiple options to be selected is a multi-select listbox.

      Fix this issue by doing ONE of the following:
      1. Use an HTML <select> element for a widget where one option is selected (a single-select listbox).
      2. For a multi-select listbox, follow the ARIA listbox design pattern including expected keyboard interactions at: https://www.w3.org/TR/wai-aria-practices-1.1/#Listbox

      REFERENCE:
      WAI-ARIA Authoring Practices:: https://www.w3.org/TR/wai-aria-practices-1.1/#Listbox

      BACKGROUND:
      Every user interface control must have a role along with any applicable states and properties so that screen reader users know how to interact with the control. Native HTML elements - such as <button>, <a>, <input>, <select> - already have a role, and their necessary states and properties - such as the checked/unchecked state of a checkbox - are automatically conveyed so nothing more needs to be done. If you create a custom version of a native HTML element or a custom control or widget that does not have a native HTML equivalent, you must add the relevant role(s) and any applicable states and properties using ARIA as well as expected keyboard interactions.

      Screenshot

      Screen Recording

      screen recording

      Workaround

      workaround

      Bug Ref: 749900

      Bulldog Ref: JSMDC-12716

            [JSDSERVER-11653] Example Summary - Step 1 : Visible label missing.

            No work has yet been logged on this issue.

              Unassigned Unassigned
              12b69dcabe29 Matthew Brennan
              Affected customers:
              0 This affects my team
              Watchers:
              1 Start watching this issue

                Created:
                Updated:
                Resolved: