Stuck on an issue?
Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
Tooltip: [aria-*] attributes are not valid or misspelled
See original GitHub issueGoogle Lighthouse gives [aria-*] attributes are not valid or misspelled Failing Elements on:
<svg role="img" aria-hidden="false" width="16" height="16" viewBox="0 0 512 512" focusable="false" aria-labelled-by="vat-va-d493e" class="fa-icon tool-tip-li" data-original-title="" title="">
code:
<span v-b-tooltip.hover
class="tool-tip-li"
title="My tooltip"
v-html = "'Hello'">
Version: "bootstrap-vue": "^2.0.0-rc.19"
Issue Analytics
- State:
- Created 4 years ago
- Comments:8 (6 by maintainers)
Top Results From Across the Web
aria-* attributes are not valid or misspelled - Stack Overflow
I stumbled upon this warning: aria-* attributes are not valid or misspelled. To me it seems like the aria-* names and values are...
Read more >ARIA attributes must conform to valid names | Axe Rules
ARIA attributes starting with aria- must have valid names. Referring to a misspelled attribute or to one that does not exist will result...
Read more >Using the aria-describedby property to provide a descriptive ...
Check that there is a user interface control having an aria-describedby attribute that references one or more elements via unique id. Check that...
Read more >aria-invalid - Accessibility - MDN Web Docs
The aria-invalid attribute is used to indicate that the value entered into an input field is not in a format or a value...
Read more >Lighthouse accessibility scoring - Chrome Developers
ARIA tooltip elements have accessible names, 3 ... [aria-*] attributes are valid and not misspelled, 10. Buttons have an accessible name, 10.
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
@tvld it looks like the issue is not with tooltips, but with the markup in your SVG element.
Created a PR for it https://github.com/Justineo/vue-awesome/pull/147