-
Type:
Bug
-
Resolution: Unresolved
-
Priority:
Low
-
None
-
Affects Version/s: 8.4.0
-
Component/s: Accessibility
-
Severity 3 - Minor
Issue Summary
This is reproducible on Data Center: (yes) / (no)
Steps to Reproduce
VARIATION 1:
- Open the editor and click on the button to Insert emoji.
- 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.
- Open the editor and type in : to open the list.
- # 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