Issue Summary

      Images must have alternate text

      Tested URL

       

      Steps to Reproduce

      1. Step 1

      Actual Results

      Actual results

      Expected Results

      Fix Information
      RULE :
      Labels MUST be visible

      HOW TO FIX:
      Fix this issue by ensuring that the form field has a visible label and it is always visible.

      Ensure that the label is programmatically associated with the form fields via the label/for technique or ARIA attributes.

      REFERENCE:
      Deque University: https://dequeuniversity.com/class/forms2/labels/visibility
      Deque University: https://dequeuniversity.com/class/forms2/labels/placeholder-text
      W3C-WAI tutorial: https://www.w3.org/WAI/tutorials/forms/

      BACKGROUND:
      Filling out forms correctly can be one of the more time consuming and frustrating online user experiences, and it can be even more challenging for people with disabilities. The single easiest way to prevent user errors is by providing clear labels and instructions that are available to everyone at all times. Labels and instructions should: 1) be clear and informative, 2) disclose any constraints such as required data formats or ranges, and 3) identify required fields. Well-designed labels and instructions provide enough information so people can fill out forms without undue confusion or errors.

      Screenshot

      Unable to render embedded object: File () not found.

      Screen Recording

      screen recording

      Workaround

      workaround

      Bug Ref: 745531

      Bulldog Ref:

            [JSDSERVER-12069] Approval Queue : Images must have alternate text

            Matthew Brennan made changes -
            Labels Original: 1.1.1 Accessibility WCAG21 ax-at-NVDA ax-bug ax-dev-ready ax-high-priority ax-jsm ax-platform-dc ax-qa ax-qa-prioritised ax-vpat-critical New: 1.1.1 Accessibility WCAG21 ax-at-NVDA ax-bug ax-critical ax-critical-priority ax-dev-ready ax-high-priority ax-jsm ax-platform-dc ax-qa ax-qa-prioritised ax-vpat-critical
            Matthew Brennan made changes -
            Labels Original: 1.1.1 Accessibility WCAG21 ax-at-NVDA ax-bug ax-dev-ready ax-high-priority ax-jsm ax-platform-dc ax-qa-prioritised ax-vpat-critical New: 1.1.1 Accessibility WCAG21 ax-at-NVDA ax-bug ax-dev-ready ax-high-priority ax-jsm ax-platform-dc ax-qa ax-qa-prioritised ax-vpat-critical
            Oleksandr Stoliar made changes -
            Resolution New: Duplicate [ 3 ]
            Status Original: In Progress [ 3 ] New: Closed [ 6 ]
            Oleksandr Stoliar made changes -
            Story Points New: 1
            Oleksandr Stoliar made changes -
            Status Original: Ready for Development [ 10049 ] New: In Progress [ 3 ]
            Oleksandr Stoliar made changes -
            Rank New: Ranked higher
            Oleksandr Stoliar made changes -
            Sprint New: JSM Sprint 1 [ 6985 ]
            Oleksandr Stoliar made changes -
            Assignee New: Oleksandr Stoliar [ a955dc6cda19 ]
            Akhilesh Paradhi (Inactive) made changes -
            Status Original: Needs Triage [ 10030 ] New: Ready for Development [ 10049 ]
            Akhilesh Paradhi (Inactive) made changes -
            Labels Original: 1.1.1 Accessibility WCAG21 ax-at-NVDA ax-bug ax-high-priority ax-jsm ax-platform-dc ax-qa-prioritised ax-qa-ready ax-vpat-critical New: 1.1.1 Accessibility WCAG21 ax-at-NVDA ax-bug ax-dev-ready ax-high-priority ax-jsm ax-platform-dc ax-qa-prioritised ax-vpat-critical

              a955dc6cda19 Oleksandr Stoliar
              12b69dcabe29 Matthew Brennan
              Affected customers:
              0 This affects my team
              Watchers:
              4 Start watching this issue

                Created:
                Updated:
                Resolved: