Issue Summary

on the "Dashboard | popular" page, missing role & name for image.

Steps to Reproduce

1. Navigate to the homepage of the confluence
2. Navigate to the "side navigation" & activate "popular"
3. Navigate to the main content area.
4. Using screen reader navigate to the mentioned image.
5. Listen that the image buttons are announced as "Unlabelled 1", "Unlabelled 2", "Unlabelled 3" and so on respectively. Their purpose is not communicated.

Screenshot

Actual Results

The "Comment" & "Like"  lacks role img & textual description. Screen readers will announce these buttons as "Unlabelled". As a result, screen reader users will be unable to identify the purpose of these images.

Expected Results

Screen readers should announce the textual description of these image buttons that describes its purpose for the users.
Apply the following changes: 

• Define the image using role="img"
• Ensure that appropriate textual description for the images is provided and it completely describes the purpose of these images.Use the "aria-label" attribute on the img element to provide a textual description

Environment

 MacBook Pro (16-inch, 2021)
macOs Sonoma 14.6.1
Chrome - Version 129.0.6668.70 (Official Build) (x86_64)
Firefox- Version 92.0 (64-bit) 
Safari- Version 17.1 (19616.2.9.11.7)
JAWS- Version 2023
NVDA- Version 2021.2 
Voiceover - Version Latest

Workaround

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