The tabindex SVG attribute allows you to control whether an element is focusable and to define the relative order of the element for the purposes of sequential focus navigation.
| Categories | None |
|---|---|
| Value | valid integer |
| Animatable | No |
| Initial value | (None) |
<?xml version="1.0"?>
<svg width="300" height="300"
viewBox="0 0 300 300" version="1.1"
xmlns="http://www.w3.org/2000/svg">
<circle cx="60" cy="60" r="15" tabindex="1" />
<circle cx="60" cy="150" r="30" tabindex="3" />
<circle cx="150" cy="60" r="30" tabindex="2" />
<circle cx="150" cy="150" r="60" tabindex="4" />
</svg> All SVG elements can use this attribute.
| Specification | Status | Comment |
|---|---|---|
| Scalable Vector Graphics (SVG) 2 The definition of 'tabindex' in that specification. | Candidate Recommendation | Initial definition |
| Desktop | ||||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | |
| Basic support | Yes | Yes | 51 | Yes | Yes | Yes |
| Mobile | |||||||
|---|---|---|---|---|---|---|---|
| Android webview | Chrome for Android | Edge Mobile | Firefox for Android | Opera for Android | iOS Safari | Samsung Internet | |
| Basic support | Yes | Yes | Yes | 51 | Yes | Yes | ? |
© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/tabindex