tabindex on a GIF image

Source code

<a href="#" tabindex=2>Link 1</a>
<object data="../images/test.gif" type="image/gif" width=100 height=100 tabindex=3>
  alternative text
<a href="#" tabindex=1>Link 2</a>
</object>

Correct rendering

Two numbered text links, plus an inline image sized 100*100 pixels between them.

User agents which cannot render GIF OBJECTs should display two numbered text links, plus the words "alternative text" between them.

The tabbing order on this page should be as follows:

1. Link 2
2. Link 1
3. The GIF OBJECT
4. The rest of the tabbable elements

Note that it is not exactly clear how does a plain, passive GIF OBJECT receive focus. Notably, the exact same GIF image embedded with IMG instead of OBJECT cannot be assigned a tabindex at all.

Result on your browser

Link 1 Link 2