[axe] The emoji preview has span tags with ARIA labels

XMLWordPrintable

    • Severity 3 - Minor

      Issue Summary

      This is reproducible on Data Center: (yes) / (no)

      Steps to Reproduce

      VARIATION 1:

      1. Open the editor and click on the button to Insert emoji.
      2. Search `#com-atlassian-confluence > div:nth-child(10) > div > div > div > div > div:nth-child(2) > div:nth-child(1) > div > div:nth-child(2) > button > span` in the inspector tool.

      VARIATION 2:
      Note that this issue is also present with the autocomplete typeahead list too.

      1. Open the editor and type in : to open the list.
      2. # Search `#autocomplete-dropdown > div:nth-child(1) > div > div > div > div > div > div > div > div > span > span` in the inspector tool.

      Expected Results

      The span tag should not have an ARIA label. The child img tag should instead.

      Actual Results

      Element:

      <span data-testid="image-emoji-:raised_hand:" data-emoji-type="image" class="emoji-common-main-styles emoji-common-node  emoji-common-select-on-hover emoji-common-emoji-image  css-1np3glt" aria-label=":raised_hand:" title=""><img loading="lazy" src="...
      

      Workaround

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

            Assignee:
            Unassigned
            Reporter:
            Diclehan Erdal
            Votes:
            0 Vote for this issue
            Watchers:
            1 Start watching this issue

              Created:
              Updated: