« SVG Attribute reference home

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.

Usage context

Categories None
Value valid integer
Animatable No
Initial value (None)
Relative order of the element for the purposes of sequential focus navigation.


<?xml version="1.0"?>
<svg width="300" height="300"
     viewBox="0 0 300 300" version="1.1"

    <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" />



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

Browser compatibility

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Feature Chrome Firefox (Gecko) Internet Explorer Edge Opera Safari
Basic support (Yes) 51.0 (51.0) No support No support (Yes) (Yes)
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support No support 51.0 (51.0) No support (Yes) (Yes)

Document Tags and Contributors

 Contributors to this page: Yaffle, ReliefCrew, Sebastianz
 Last updated by: Yaffle,