-
Notifications
You must be signed in to change notification settings - Fork 254
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
<ui5-button>
Axe Issue: <svg>
has role="presentation"
but is not focusable
#3954
Comments
Hi @PetyaMarkovaBogdanova could you process this one as well |
Hi @SAP/ui5-webcomponents-topic-p, Kind regards, |
The priority of the issue is not due to the severity of the issue, but because of the deadline for resolving it |
By design, decorative icons (role=presentation) should also have aria-hidden=true Fixes: SAP#3954
By design, decorative icons (role=presentation) should also have aria-hidden=true Fixes: #3954
Hello @codefactor there is a fix, merged into the master, please wait for the next patch release. |
By design, decorative icons (role=presentation) should also have aria-hidden=true Fixes: #3954
Hello @codefactor the issue has been resolved in 0.31.20 |
Bug Description
This is a break out issue copy from #3933
3. Elements of role none or presentation should be flagged
custom shellbar icon buttons should have role="img" on the
<svg>
?This one comes up for shellbar icon buttons
<svg>
, but not all of them just the custom ones. The search button and the account menu seem fine. This one complains that the role is "presentation" but it's not focusable (i.e. because tabindex=-1) but we know it's not supposed to be focusable because it's just the<svg>
and it's a child of a<button>
that is focusable so probably the role should not be "presentation" it should be "img" that seems to work for some other buttons in the same level.This appears to be because the
<ui5-icon>
needs a effectiveAccessibleName somehow, and then the role becomesimg
instead ofpresentation
- it is not clear yet precisely how that is set.Expected Behavior
The Shellbar should have no Axe issues
Steps to Reproduce
See #3933
Isolated Example
If possible, please provide an isolated example by forking CodeSandbox.
Context
Log Output / Stack Trace / Screenshots
Priority
The priority indicates the severity of the issue. To set the appropriate priority consider the following criteria:
Note: The priority might be re-evaluated by the issue processor.
Stakeholder Info (if applicable)
The text was updated successfully, but these errors were encountered: