<svg> elements to have focusable attribute (
Inline SVG elements in IE are focusable by default which may cause issues with tab-ordering.
For instance, if a link or button has an svg icon inside the user would need to press tab twice to move focus to the next element as pressing tab would move focus to the
<svg> element instead.
Edge and other browsers implements proper support for
tabindex and are unaffected by this bug.
If support for IE is required the
focusable attribute should explicitly be set to
false to avoid unintended behaviour.
Otherwise this rule can safely be disabled.
Examples of incorrect code for this rule:
<a href="#"> <svg></svg> </a>
Examples of correct code for this rule:
<a href="#"> <svg focusable="false"></svg> </a>