Skip to content
Permalink
Browse files

[ac] (0) Cover more possible misuses for hidden=''. Anyone got good s…

…uggestions of short examples where hidden='' is useful? All the examples I can think of are huge...

git-svn-id: http://svn.whatwg.org/webapps@4846 340c8d12-0b0e-0410-8428-c7bf67bfef74
  • Loading branch information...
Hixie committed Mar 13, 2010
1 parent 492f028 commit 05c4fe5b705424a683245154c7c9fae503d87eae
Showing with 83 additions and 6 deletions.
  1. +26 −2 complete.html
  2. +26 −2 index
  3. +31 −2 source
presentation. For example, it is incorrect to use <code title=attr-hidden><a href=#the-hidden-attribute>hidden</a></code> to hide panels in a tabbed dialog,
because the tabbed interface is merely a kind of overflow
presentation &mdash; showing all the form controls in one big page
with a scrollbar would be equivalent, and no less correct.</p>
with a scrollbar would be equivalent, and no less correct. It is
similarly incorrect to use this attribute to hide content just from
one presentation &mdash; if something is marked <code title=attr-hidden><a href=#the-hidden-attribute>hidden</a></code>, it is hidden from all
presentations, including, for instance, screen readers.</p>

<!-- for example, "<a hidden href=#content>Skip to content</a>" would be inappropriate. -->
<!-- (but only add that example if you first add some more good valid examples -->

<p>Elements that are not <code title=attr-hidden><a href=#the-hidden-attribute>hidden</a></code>
should not link to or refer to elements that are <code title=attr-hidden><a href=#the-hidden-attribute>hidden</a></code>.</p>

<div class=example>

<p>For example, it would be incorrect to use the <code title=attr-hyperlink-href><a href=#attr-hyperlink-href>href</a></code> attribute to link to a
section marked with the <code title=attr-hidden><a href=#the-hidden-attribute>hidden</a></code>
attribute. If the content is not applicable or relevant, then there
is no reason to link to it.</p>

<p>It would similarly be incorrect to use the ARIA <code title=attr-aria-describedby>aria-describedby</code> attribute to
refer to descriptions that are themselves <code title=attr-hidden><a href=#the-hidden-attribute>hidden</a></code>. Hiding a section means that it
is not applicable or relevant to anyone at the current time, so
clearly it cannot be a valid description of content the user can
interact with.</p>

</div>

<p>Elements in a section hidden by the <code title=attr-hidden><a href=#the-hidden-attribute>hidden</a></code> attribute are still active,
e.g. scripts and form controls in such sections still execute
Aaron Leventhal,
Adam Barth,
Adam de Boor,
Adam Hepton
Adam Hepton,
Adam Roben,
Addison Phillips,
Adele Peterson,
28 index
presentation. For example, it is incorrect to use <code title=attr-hidden><a href=#the-hidden-attribute>hidden</a></code> to hide panels in a tabbed dialog,
because the tabbed interface is merely a kind of overflow
presentation &mdash; showing all the form controls in one big page
with a scrollbar would be equivalent, and no less correct.</p>
with a scrollbar would be equivalent, and no less correct. It is
similarly incorrect to use this attribute to hide content just from
one presentation &mdash; if something is marked <code title=attr-hidden><a href=#the-hidden-attribute>hidden</a></code>, it is hidden from all
presentations, including, for instance, screen readers.</p>

<!-- for example, "<a hidden href=#content>Skip to content</a>" would be inappropriate. -->
<!-- (but only add that example if you first add some more good valid examples -->

<p>Elements that are not <code title=attr-hidden><a href=#the-hidden-attribute>hidden</a></code>
should not link to or refer to elements that are <code title=attr-hidden><a href=#the-hidden-attribute>hidden</a></code>.</p>

<div class=example>

<p>For example, it would be incorrect to use the <code title=attr-hyperlink-href><a href=#attr-hyperlink-href>href</a></code> attribute to link to a
section marked with the <code title=attr-hidden><a href=#the-hidden-attribute>hidden</a></code>
attribute. If the content is not applicable or relevant, then there
is no reason to link to it.</p>

<p>It would similarly be incorrect to use the ARIA <code title=attr-aria-describedby>aria-describedby</code> attribute to
refer to descriptions that are themselves <code title=attr-hidden><a href=#the-hidden-attribute>hidden</a></code>. Hiding a section means that it
is not applicable or relevant to anyone at the current time, so
clearly it cannot be a valid description of content the user can
interact with.</p>

</div>

<p>Elements in a section hidden by the <code title=attr-hidden><a href=#the-hidden-attribute>hidden</a></code> attribute are still active,
e.g. scripts and form controls in such sections still execute
Aaron Leventhal,
Adam Barth,
Adam de Boor,
Adam Hepton
Adam Hepton,
Adam Roben,
Addison Phillips,
Adele Peterson,
33 source
title="attr-hidden">hidden</code> to hide panels in a tabbed dialog,
because the tabbed interface is merely a kind of overflow
presentation &mdash; showing all the form controls in one big page
with a scrollbar would be equivalent, and no less correct.</p>
with a scrollbar would be equivalent, and no less correct. It is
similarly incorrect to use this attribute to hide content just from
one presentation &mdash; if something is marked <code
title="attr-hidden">hidden</code>, it is hidden from all
presentations, including, for instance, screen readers.</p>

<!-- for example, "<a hidden href=#content>Skip to content</a>" would be inappropriate. -->
<!-- (but only add that example if you first add some more good valid examples -->

<p>Elements that are not <code title="attr-hidden">hidden</code>
should not link to or refer to elements that are <code
title="attr-hidden">hidden</code>.</p>

<div class="example">

<p>For example, it would be incorrect to use the <code
title="attr-hyperlink-href">href</code> attribute to link to a
section marked with the <code title="attr-hidden">hidden</code>
attribute. If the content is not applicable or relevant, then there
is no reason to link to it.</p>

<p>It would similarly be incorrect to use the ARIA <code
title="attr-aria-describedby">aria-describedby</code> attribute to
refer to descriptions that are themselves <code
title="attr-hidden">hidden</code>. Hiding a section means that it
is not applicable or relevant to anyone at the current time, so
clearly it cannot be a valid description of content the user can
interact with.</p>

</div>

<p>Elements in a section hidden by the <code
title="attr-hidden">hidden</code> attribute are still active,
Aaron Leventhal,
Adam Barth,
Adam de Boor,
Adam Hepton
Adam Hepton,
Adam Roben,
Addison Phillips,
Adele Peterson,

0 comments on commit 05c4fe5

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