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

Create directory connector: Missing explicit association of form fields

      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

          Form Name

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

            Yash Pawar made changes -
            Labels Original: 1.3.1 ax-at-user ax-bug ax-crowd-dc-vpat ax-crowd-dc-vpat-createdirectoryconnecter ax-crowd-dc-vpat-pg03 ax-medium-priority ax-qa level-A wcag21 New: 1.3.1 ax-at-user ax-bug ax-crowd-dc-vpat ax-crowd-dc-vpat-createdirectoryconnecter ax-crowd-dc-vpat-pg03 ax-medium-priority ax-qa ax-qa-partially-fixed ax-qa-verified level-A wcag21

            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:
            Yash Pawar made changes -
            Attachment New: image-2025-02-20-16-08-35-125.png [ 485099 ]
            Varsha Bansode made changes -
            Status Original: Needs Triage [ 10030 ] New: Ready for Development [ 10049 ]
            Pravalika Suragani (Inactive) made changes -
            Description Original: h3. Issue Summary

            Label is not associated with form field such as "Time interval (minutes)" and "Cron scheduled" on the page.
            h3. Steps to Reproduce
             # Navigate to the mentioned form field.
             # Inspect the code and observe that the 'for' attribute is missing in label of the form field

            h3. Screenshot

            !Screenshot 2023-11-16 at 1.38.47 PM.png|thumbnail!
            h3. 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.
            h3. 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.
            h3. 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
            New: h3. Issue Summary

            Label is not associated with form field such as "Time interval (minutes)" and "Cron scheduled" on the page.
            h3. Steps to Reproduce
             # Navigate to the mentioned form field.
             # Inspect the code and observe that the 'for' attribute is missing in label of the form field

            h3. Screenshot

            !Screenshot 2023-11-16 at 1.38.47 PM.png|thumbnail!
            h3. 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.
            h3. 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*
            {code:java}
            <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"> {code}
            h3. 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
            Naeem Solkar made changes -
            Labels Original: 1.3.1 ax-at-user ax-bug ax-crowd-dc-vpat ax-crowd-dc-vpat-createdirectoryconnecter ax-crowd-dc-vpat-pg03 level-A wcag21 New: 1.3.1 ax-at-user ax-bug ax-crowd-dc-vpat ax-crowd-dc-vpat-createdirectoryconnecter ax-crowd-dc-vpat-pg03 ax-medium-priority ax-qa level-A wcag21
            Pravalika Suragani (Inactive) made changes -
            Description Original: h3. Issue Summary

            Label is not associated with form field such as "Time interval (minutes)" and "Cron scheduled" on the page.
            h3. Steps to Reproduce
             # Navigate to the mentioned form field.
             # Inspect the code and observe that the 'for' attribute is missing in label of the form field. 

            h3. 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.
            h3. 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.
            h3. 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
            New: h3. Issue Summary

            Label is not associated with form field such as "Time interval (minutes)" and "Cron scheduled" on the page.
            h3. Steps to Reproduce
             # Navigate to the mentioned form field.
             # Inspect the code and observe that the 'for' attribute is missing in label of the form field

            h3. Screenshot

            !Screenshot 2023-11-16 at 1.38.47 PM.png|thumbnail!
            h3. 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.
            h3. 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.
            h3. 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
            Pravalika Suragani (Inactive) made changes -
            Attachment New: Screenshot 2023-11-16 at 1.38.47 PM.png [ 447652 ]
            Naeem Solkar made changes -
            Description Original: h3. Issue Summary

            Label is not associated with form field "Time interval (minutes)" on the page.
            h3. Steps to Reproduce
             # Navigate to the mentioned form field.
             # Inspect the code and observe that the 'for' attribute is missing in label of the form field. 

            h3. Actual Results

            The "Time interval (minutes)" form field in the main content area does not have label explicitly associated to it. The 'for' attribute is missing in label of the form field.
            As a result, screen reader users might not understand the purpose of the form field.
            h3. 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.
            h3. 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
            New: h3. Issue Summary

            Label is not associated with form field such as "Time interval (minutes)" and "Cron scheduled" on the page.
            h3. Steps to Reproduce
             # Navigate to the mentioned form field.
             # Inspect the code and observe that the 'for' attribute is missing in label of the form field. 

            h3. 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.
            h3. 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.
            h3. 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
            Naeem Solkar made changes -
            Description Original: h3. Issue Summary

            This is reproducible on Data Center: (yes) / (no)
            h3. Steps to Reproduce
             # Step 1
             # Step 2
             # Step

            h3. Expected Results

            Test
            h3. Actual Results

            Test
            h3. Workaround

            Currently there is no known workaround for this behavior. A workaround will be added here when available
            New: h3. Issue Summary

            Label is not associated with form field "Time interval (minutes)" on the page.
            h3. Steps to Reproduce
             # Navigate to the mentioned form field.
             # Inspect the code and observe that the 'for' attribute is missing in label of the form field. 

            h3. Actual Results

            The "Time interval (minutes)" form field in the main content area does not have label explicitly associated to it. The 'for' attribute is missing in label of the form field.
            As a result, screen reader users might not understand the purpose of the form field.
            h3. 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.
            h3. 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
            Labels New: 1.3.1 ax-at-user ax-bug ax-crowd-dc-vpat ax-crowd-dc-vpat-createdirectoryconnecter ax-crowd-dc-vpat-pg03 level-A wcag21

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

                Created:
                Updated: