diff options
Diffstat (limited to 'files/ca/web/html/global_attributes/tabindex/index.html')
-rw-r--r-- | files/ca/web/html/global_attributes/tabindex/index.html | 116 |
1 files changed, 116 insertions, 0 deletions
diff --git a/files/ca/web/html/global_attributes/tabindex/index.html b/files/ca/web/html/global_attributes/tabindex/index.html new file mode 100644 index 0000000000..13ccd52808 --- /dev/null +++ b/files/ca/web/html/global_attributes/tabindex/index.html @@ -0,0 +1,116 @@ +--- +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> |