Uploaded image for project: 'Crowd Data Center'
  1. Crowd Data Center
  2. CWD-6143

Create directory connector: Missing explicit association of form fields

XMLWordPrintable

      Issue Summary

      Label is not associated with form field such as "Time interval (minutes)" and "Cron scheduled" on the page.

      Steps to Reproduce

      1. Navigate to the mentioned form field.
      2. Inspect the code and observe that the 'for' attribute is missing in label of the form field

      Screenshot

      Actual Results

      The "Time interval (minutes)" and "Cron Scheduled" form fields in the main content area do not have label explicitly associated to them. The 'for' attribute is missing in label of the form fields.
      As a result, screen reader users might not understand the purpose of the form fields.

      Expected Results

      The screen reader should announce the label for the form field correctly.

      Use ‘for’ and ‘id’ attributes to associate labels with their respective form fields. Ensure that the value of ‘for’ attribute of the label exactly matches the value of ‘id’ attribute of the form field.

      Code snippet

      <label for="polling-interval-synchronisation-type"><span>Time interval (minutes)</span></label>
<input name="pollingIntervalInMin" type="Number" id="polling-interval-synchronisation-type" class="text short-field css-k60tcv" value="60">

      Workaround

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

      Environment

      MacBook Pro (16-inch, 2021)
      macOS: Sonoma 14.1.
      Chrome - Version 118.0.5993.70 (Official Build) (arm64)
      Firefox- Version 92.0 (64-bit)
      Safari- Version 17.0 (19616.1.27.211.1)
      JAWS- Version 2023
      NVDA- Version 2021.2
      Voiceover - Version Latest

        1. image-2025-02-20-16-08-35-125.png
          996 kB
          Yash Pawar
        2. Screenshot 2023-11-16 at 1.38.47 PM.png
          656 kB
          Pravalika Suragani

            [CWD-6143] Create directory connector: Missing explicit association of form fields

            Yash Pawar added a comment -

            Hey 

            Status: Partially Fixed

            My Observation: Although the "id" attribute is defined on the <input> element, however, it is inappropriately associated with the "The directory will be periodically checked for changes based on the specified time interval." instructions.

            Apply the following changes to fix this issue:

            • Ensure that the "id" attribute is associated with the respective <label> element such as "Time interval (minutes)" . 
            • Ensure that the value of ‘for’ attribute of the label exactly matches the value of ‘id’ attribute of the form field.

            Screenshot:

            Yash Pawar added a comment - Hey  Status : Partially Fixed My Observation: Although the "id" attribute is defined on the <input> element, however, it is inappropriately associated with the "The directory will be periodically checked for changes based on the specified time interval." instructions. Apply the following changes to fix this issue: Ensure that the "id" attribute is associated with the respective <label> element such as "Time interval (minutes)" .  Ensure that the value of ‘for’ attribute of the label exactly matches the value of ‘id’ attribute of the form field. Screenshot:

              Unassigned Unassigned
              75e99cd1893f Naeem Solkar
              Affected customers:
              0 This affects my team
              Watchers:
              2 Start watching this issue

                Created:
                Updated: