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

Add Individual User: ARIA attribute defined inappropriately.

XMLWordPrintable

      Issue Summary

      ARIA required attribute 'false' is defined for form fields under label element in the page.

      Steps to Reproduce

      1. Open 'Add Individual user' page.
      2. Using screen reader navigate to the 'Email address' and 'Username' form fields.
      3. Notice that inappropriate ARIA Required attribute is defined correctly or not. 

      Screenshot

      Actual Results

      ARIA required attribute 'false' is defined for "Username' ,'Password' and other fields under label element. As a result, screen reader users are communicated with inappropriate information.
      Due to this in Scan mode screen reader announcing 'Required' when focus lands on hidden element in the page.

      Expected Results

      ARIA required attribute true should be define for mandatory field. SO that screen read should announce required when focus lands required form fields. label element.

      Apply the following changes:
      Required: True attribute should be defined and remove required from label element
      Screen reader should announce required when focus lands on form fields.

      Code Snippet:

      <input type="text" name="email", From label (for= attribute):  "Email address" aria-required: True, size="50" value="" id="email" class="text">

      Workaround

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

      Environment

      MacBook Pro (16-inch, 2019)
      macOS Ventura Version 13.3.1
      Chrome - Version 114.0.5735.198 (Official Build) (64-bit)
      Firefox- Version 112.0.1 (64-bit)
      Safari- Version 16.4 (18615.1.26.11.23)
      JAWS- Version 2022
      NVDA- Version 2020.3
      Voiceover - Version Latest

              Unassigned Unassigned
              3bb809206508 Boju Ankith (Inactive)
              Votes:
              0 Vote for this issue
              Watchers:
              2 Start watching this issue

                Created:
                Updated:
                Resolved: