---
title: tabindex
slug: Web/HTML/Global_attributes/tabindex
tags:
  - Global attributes
  - HTML
  - Reference
translation_of: Web/HTML/Global_attributes/tabindex
---
<p>{{HTMLSidebar("Global_attributes")}}</p>

<p class="note">El valor màxim per tabindex no ha d'excedir de 32.767 especificació W3C secció 17.11.1. Si no s'especifica el valor per omissió és -1</p>

<p>L'<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atribut global</a> <span lang="ca"> <strong><span>tabindex</span></strong> <span>és</span> <span>un enter que</span> <span>indica</span> <span>si l'element</span> <span>pot</span> <span>tenir</span> <span>el focus</span> <span>d'entrada</span> <span>(</span><span>és</span> <em><span>enfocable</span></em><span>)</span><span>,</span> <span>si</span> <span>ha de participar</span> <span>en la navegació</span> <span>per teclat</span> <span>seqüencial</span><span>, i en cas</span> <span>afirmatiu</span><span>,</span> <span>en quina posició</span><span>.</span> <span>Pot prendre</span> <span>diversos</span> <span>valors</span><span>:</span></span></p>

<ul>
 <li><em>un valor negatiu</em> significa que l'element ha de ser enfocable, però no ha de ser accessible a través de la navegació seqüencial del teclat;</li>
 <li><code>0</code> vol dir que l'element ha de ser enfocable i accessible a través de la navegació seqüencial del teclat, però el seu ordre relatiu està definit per la convenció de la plataforma;</li>
 <li>un <em>valor positiu</em> significa que ha de ser enfocable i accessible a través de la navegació seqüencial del teclat; el seu ordre relatiu es defineix pel valor de l'atribut: el seguiment seqüencial va incrementan el nombre de tabindex. Si diversos elements comparteixen el mateix tabindex, el seu ordre relatiu segueix la seva posició relativa en el document.</li>
</ul>

<p>Un element amb un valor <code>0</code>, un valor no vàlid o cap valor <strong>tabindex</strong> ha de ser col·locat després dels elements amb un <strong>tabindex</strong> positiu en l'ordre navegació seqüencial del teclat.</p>

<p>Podeu consultar <a href="/en/Focus_management_in_HTML" title="en/Focus management in HTML">aquest article</a> per veure una explicació completa d'administració de l'enfocament.</p>

<h2 id="Especificacions">Especificacions</h2>

<table class="standard-table">
 <tbody>
  <tr>
   <th scope="col">Especificació</th>
   <th scope="col">Estat</th>
   <th scope="col">Comentari</th>
  </tr>
  <tr>
   <td>{{SpecName('HTML WHATWG', "editing.html#attr-tabindex", "tabindex")}}</td>
   <td>{{Spec2('HTML WHATWG')}}</td>
   <td>Sense canvis des de l'última instantània, {{SpecName('HTML5.1')}}</td>
  </tr>
  <tr>
   <td>{{SpecName('HTML5.1', "editing.html#attr-tabindex", "tabindex")}}</td>
   <td>{{Spec2('HTML5.1')}}</td>
   <td>Instantània de {{SpecName('HTML WHATWG')}}, sense canvis des de {{SpecName('HTML5 W3C')}}</td>
  </tr>
  <tr>
   <td>{{SpecName('HTML5 W3C', "editing.html#attr-tabindex", "tabindex")}}</td>
   <td>{{Spec2('HTML5 W3C')}}</td>
   <td>Instantània de {{SpecName('HTML WHATWG')}}. Des de {{SpecName("HTML4.01")}}, <span id="result_box" lang="ca"><span>l'atribut</span> <span>ara</span> <span>és compatible</span> <span>amb</span> <span>tots</span> <span>els</span> <span>elements</span> <span>(</span><span>atributs</span> <span>globals</span><span>)</span><span>.</span></span></td>
  </tr>
  <tr>
   <td>{{SpecName('HTML4.01', 'interact/forms.html#adef-tabindex', 'tabindex')}}</td>
   <td>{{Spec2('HTML4.01')}}</td>
   <td>Només soportat en {{HTMLElement("a")}}, {{HTMLElement("area")}}, {{HTMLElement("button")}}, {{HTMLElement("object")}}, {{HTMLElement("select")}} i {{HTMLElement("textarea")}}.</td>
  </tr>
 </tbody>
</table>

<h2 id="Navegadors_compatibles">Navegadors compatibles</h2>

<p>{{ CompatibilityTable() }}</p>

<div id="compat-desktop">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Característica</th>
   <th>Chrome</th>
   <th>Firefox (Gecko)</th>
   <th>Internet Explorer</th>
   <th>Opera</th>
   <th>Safari</th>
  </tr>
  <tr>
   <td>Suport bàsic</td>
   <td>{{ CompatVersionUnknown() }}</td>
   <td>{{ CompatVersionUnknown }}</td>
   <td>{{ CompatVersionUnknown() }}</td>
   <td>{{ CompatVersionUnknown() }}</td>
   <td>{{ CompatVersionUnknown() }}</td>
  </tr>
 </tbody>
</table>
</div>

<div id="compat-mobile">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Característica</th>
   <th>Android</th>
   <th>Chrome for Android</th>
   <th>Firefox Mobile (Gecko)</th>
   <th>IE Mobile</th>
   <th>Opera Mobile</th>
   <th>Safari Mobile</th>
  </tr>
  <tr>
   <td>Suport bàsic</td>
   <td>{{ CompatVersionUnknown() }}</td>
   <td>{{ CompatVersionUnknown() }}</td>
   <td>{{ CompatVersionUnknown }}</td>
   <td>{{ CompatVersionUnknown() }}</td>
   <td>{{ CompatVersionUnknown() }}</td>
   <td>{{ CompatVersionUnknown() }}</td>
  </tr>
 </tbody>
</table>
</div>

<h2 id="Veure">Veure</h2>

<ul>
 <li>Tots els <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes">atributs globals</a>.</li>
 <li>{{domxref("HTMLElement.tabIndex")}} <span class="short_text" id="result_box" lang="ca"><span>que reflecteix</span> <span>aquest</span> <span>atribut.</span></span></li>
 <li>Problemes d'accessibilitat amb tabindex: Veure <a href="http://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html" id="id-22" style="font-size: inherit; line-height: inherit;" title="Don’t Use Tabindex Greater than 0 | Adrian Roselli">No utilitzar Tabindex més gran que 0 | Adrian Roselli</a>.</li>
</ul>