Updated bar role from image to button based on the props to fix voice control issue in accessibility mode#36096
Updated bar role from image to button based on the props to fix voice control issue in accessibility mode#36096v-baambati wants to merge 21 commits into
Conversation
📊 Bundle size reportUnchanged fixtures
|
|
Pull request demo site: URL |
…ay_2026BugFixes
…ay_2026BugFixes
…ay_2026BugFixes
…ay_2026BugFixes
…ay_2026BugFixes
…ay_2026BugFixes
| <g | ||
| role="listbox" | ||
| id={keyVal} | ||
| aria-label={chartGroupAriaLabel} |
There was a problem hiding this comment.
The outer svg already has aria label. Is aria label necessary here
There was a problem hiding this comment.
Yes @AtishayMsft otherwise it is throwing error in fast pass tool. FFB
Fix ONE of the following:
aria-label attribute does not exist or is empty
aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
Element has no title attribute
There was a problem hiding this comment.
did you try setting the title attribute
There was a problem hiding this comment.
Yes @AtishayMsft SVG element does not have title prop so it is forcing me to add aria label
There was a problem hiding this comment.
What about the aria-labelledby attribute of the outer containing svg element


AccessibilityIssuesFix.mp4
BUG: https://office.visualstudio.com/OC/_workitems/edit/11472365