Skip to content
Permalink
Browse files

[c] (3) The tabindex='' attribute makes an element interactive.

Affected topics: HTML

git-svn-id: http://svn.whatwg.org/webapps@8490 340c8d12-0b0e-0410-8428-c7bf67bfef74
  • Loading branch information...
Hixie committed Feb 20, 2014
1 parent cabc294 commit 278176502257e1dd651c13cf5773b70368e4cdb7
Showing with 42 additions and 7 deletions.
  1. +16 −3 complete.html
  2. +16 −3 index
  3. +10 −1 source
<li><code><a href=#the-textarea-element>textarea</a></code></li>
<li><a href=#sorting-interface-th-element title="sorting interface th element">sorting interface <code>th</code> elements</a>
<li><code><a href=#the-video-element>video</a></code> (if the <code title=attr-media-controls><a href=#attr-media-controls>controls</a></code> attribute is present)</li>
</ul><h6 id=palpable-content-0><span class=secno>3.2.4.1.8 </span>Palpable content</h6>
</ul><p>The <code title=attr-tabindex><a href=#attr-tabindex>tabindex</a></code> attribute can also make any element into
<a href=#interactive-content>interactive content</a>.</p>



<h6 id=palpable-content-0><span class=secno>3.2.4.1.8 </span>Palpable content</h6>

<p>As a general rule, elements whose content model allows any <a href=#flow-content>flow content</a> or
<a href=#phrasing-content>phrasing content</a> should have at least one node in its <a href=#concept-html-contents title=concept-html-contents>contents</a> that is <dfn id=palpable-content>palpable
event in response to a non-mouse activation (e.g. hitting the "enter" key while the element is
<a href=#focused>focused</a>).</p>

<p>An element with the <code title=attr-tabindex><a href=#attr-tabindex>tabindex</a></code> attribute specified is
<a href=#interactive-content>interactive content</a>.</p>

<p>The <dfn id=dom-tabindex title=dom-tabIndex><code>tabIndex</code></dfn> IDL attribute must
<a href=#reflect>reflect</a> the value of the <code title=attr-tabindex><a href=#attr-tabindex>tabindex</a></code> content
attribute. Its default value is 0 for elements that are focusable and &minus;1 for elements that
<td>
&mdash;

<tr><td> <a href=#interactive-content>Interactive content</a>
<tr><td> <a href=#interactive-content>Interactive content</a>*
<td>
<code><a href=#the-a-element>a</a></code>;
<code><a href=#the-button-element>button</a></code>;
<td>
&mdash;

</table><h3 class=no-num id=attributes-1>Attributes</h3>
</table><p class=tablenote><small>* The <code title=attr-tabindex><a href=#attr-tabindex>tabindex</a></code> attribute can also
make any element into <a href=#interactive-content>interactive content</a>.</small></p>



<h3 class=no-num id=attributes-1>Attributes</h3>

<p><i>This section is non-normative.</i></p>

19 index
<li><code><a href=#the-textarea-element>textarea</a></code></li>
<li><a href=#sorting-interface-th-element title="sorting interface th element">sorting interface <code>th</code> elements</a>
<li><code><a href=#the-video-element>video</a></code> (if the <code title=attr-media-controls><a href=#attr-media-controls>controls</a></code> attribute is present)</li>
</ul><h6 id=palpable-content-0><span class=secno>3.2.4.1.8 </span>Palpable content</h6>
</ul><p>The <code title=attr-tabindex><a href=#attr-tabindex>tabindex</a></code> attribute can also make any element into
<a href=#interactive-content>interactive content</a>.</p>



<h6 id=palpable-content-0><span class=secno>3.2.4.1.8 </span>Palpable content</h6>

<p>As a general rule, elements whose content model allows any <a href=#flow-content>flow content</a> or
<a href=#phrasing-content>phrasing content</a> should have at least one node in its <a href=#concept-html-contents title=concept-html-contents>contents</a> that is <dfn id=palpable-content>palpable
event in response to a non-mouse activation (e.g. hitting the "enter" key while the element is
<a href=#focused>focused</a>).</p>

<p>An element with the <code title=attr-tabindex><a href=#attr-tabindex>tabindex</a></code> attribute specified is
<a href=#interactive-content>interactive content</a>.</p>

<p>The <dfn id=dom-tabindex title=dom-tabIndex><code>tabIndex</code></dfn> IDL attribute must
<a href=#reflect>reflect</a> the value of the <code title=attr-tabindex><a href=#attr-tabindex>tabindex</a></code> content
attribute. Its default value is 0 for elements that are focusable and &minus;1 for elements that
<td>
&mdash;

<tr><td> <a href=#interactive-content>Interactive content</a>
<tr><td> <a href=#interactive-content>Interactive content</a>*
<td>
<code><a href=#the-a-element>a</a></code>;
<code><a href=#the-button-element>button</a></code>;
<td>
&mdash;

</table><h3 class=no-num id=attributes-1>Attributes</h3>
</table><p class=tablenote><small>* The <code title=attr-tabindex><a href=#attr-tabindex>tabindex</a></code> attribute can also
make any element into <a href=#interactive-content>interactive content</a>.</small></p>



<h3 class=no-num id=attributes-1>Attributes</h3>

<p><i>This section is non-normative.</i></p>

11 source
<li><code>video</code> (if the <code data-x="attr-media-controls">controls</code> attribute is present)</li>
</ul>

<p>The <code data-x="attr-tabindex">tabindex</code> attribute can also make any element into
<span>interactive content</span>.</p>



<h6>Palpable content</h6>
event in response to a non-mouse activation (e.g. hitting the "enter" key while the element is
<span>focused</span>).</p>

<p>An element with the <code data-x="attr-tabindex">tabindex</code> attribute specified is
<span>interactive content</span>.</p>

<p>The <dfn data-x="dom-tabIndex"><code>tabIndex</code></dfn> IDL attribute must
<span>reflect</span> the value of the <code data-x="attr-tabindex">tabindex</code> content
attribute. Its default value is 0 for elements that are focusable and &#x2212;1 for elements that
&mdash;

<tr>
<td> <span>Interactive content</span>
<td> <span>Interactive content</span>*
<td>
<code>a</code>;
<code>button</code>;

</table>

<p class="tablenote"><small>* The <code data-x="attr-tabindex">tabindex</code> attribute can also
make any element into <span>interactive content</span>.</small></p>



<h3 class="no-num">Attributes</h3>

0 comments on commit 2781765

Please sign in to comment.
You can’t perform that action at this time.