Uploaded image for project: 'Confluence Data Center'
  1. Confluence Data Center
  2. CONFSERVER-91176

Keyboard shortcut: Missing alt attribute for informative image

XMLWordPrintable

    Issue Summary

    Missing alt attribute for informative image.

    Note: Similar issue is found on "create new page-editor"

    Steps to Reproduce

    1. Navigate to "Header | Help | Keyboard shortcuts" & activate it.
    2. Navigate to mentioned informative image present in the "Editor autoformatting"
    3. Inspect the code of the image.
    4. Notice that the "alt" attribute is not specified for the <img> tag.

    Screenshot 1: Help | Keyboard shortcuts

    '

    Screenshot 2:Create new page-editor | Help

    Actual Results

    The "alt" attribute is not provided for the emojis such as "smileys","star" and so on informative images.
    As a result, screen readers announced the image as unlabelled.

    Expected Results

    Alternate text of the informative image should be read out by the screen reader.
    Provide alternate text for all the informative images using "alt" attribute. Ensure that the alternate text is descriptive of the image purpose.

    Code snippet

    <span class="item-description wiki-content">
    <img src="/s/c6jahy/9011/y1zith/_/images/icons/emoticons/biggrin.svg"  alt="Smiley">
    </span> 

    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 13.3.1
    Chrome - Version 113.0.5672.63 (Official Build) (x86_64)
    Firefox- Version 92.0 (64-bit)
    Safari- Version 16.4 (18615.1.26.110.1)
    JAWS- Version 2022
    NVDA- Version 2021.2
    Voiceover - Version Latest

     

      1. Screenshot 2023-08-25 at 10.53.03 AM.png
        750 kB
        Nayan Kamble
      2. Screenshot 2023-08-29 at 6.59.52 PM.png
        613 kB
        Nayan Kamble

          mfedoryshyn Maksym Fedoryshyh
          83061a15f038 Nayan Kamble
          Votes:
          0 Vote for this issue
          Watchers:
          3 Start watching this issue

            Created:
            Updated:
            Resolved: