Idea Portal: Upvote button not reading the name of the idea as part of the aria label

[Wes Gould]

I am experiencing an issue in our idea portal where screen readers are reading "Upvote for button button" for the upvote button instead of "Upvote for <idea name> button". I am trying to figure out how to correct this.

When I use the browser's inspect tool, I am seeing this as the aria-label for the button class: "Upvote for ", compared to a PDI where I see "Upvote for <idea name>".

Another thing I am seeing is that "div class ="idea-votes--cntr  ng-isolate-scope ..." has "role=button" at the end, which compared to a PDI, I do not see that "role=button" as a part of that div.

Any suggestions on how to fix this so that it reads like it does in the OOB PDI as "Upvote for <idea name> button"?

[sreeram_nair]

The issue you're experiencing with the screen reader reading "Upvote for button button" is likely due to incorrect or incomplete configuration of the aria-label attribute or additional conflicting attributes (e.g., role="button") added to your custom implementation of the idea portal.

Verify aria-label Configuration for the Button

Remove Conflicting Attributes (role="button")

Check Your Instance's Customization -Go to System Definition > UI Pages or UI Macros and search for the custom implementation of the idea portal or any changes in the HTML structure of the upvote button or its parent elements.