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

Approval Queue : Images must have alternate text

XMLWordPrintable

      Issue Summary

      Images must have alternate text

      Tested URL

       

      Steps to Reproduce

      1. Step 1

      Actual Results

      Actual results

      Expected Results

      Fix Information
      RULE :
      Non-decorative content MUST NOT be inserted using CSS :before and :after pseudo-elements unless there is a way to access the content with CSS turned off.

      HOW TO FIX:
      Fix this issue by including the content directly in the DOM using HTML.

      REFERENCE:
      WCAG Technique H64: Failure of Success Criterion 1.3.1 due to inserting non-decorative content by using :before and :after pseudo-elements and the 'content' property in CSS: https://www.w3.org/TR/WCAG20-TECHS/F87.html

      BACKGROUND:
      The CSS :before and :after pseudo-elements specify the location of content before and after an element's document tree content. The content property, in conjunction with these pseudo-elements, specifies what is inserted. Users who need to customize or turn off style information in order to view content according to their needs and some screen reader users may not be able to access the information that is inserted using CSS. When content is inserted directly in the page using HTML it is accessible to all users.

      Screenshot

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

      Screen Recording

      screen recording

      Workaround

      workaround

      Bug Ref: 745530

      Bulldog Ref:

          Form Name

            [JSDSERVER-12068] 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 -
            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
            Akhilesh Paradhi (Inactive) made changes -
            Status Original: Needs Triage [ 10030 ] New: Ready for Development [ 10049 ]

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

                Created:
                Updated:
                Resolved: