block element inside a(link) element

Hi,

The html5 specs change the specification on authorised elements inside 
the a element.
Now I can have full div with ul p table etc inside an a element.
The spec says :

-----

the |a 
<http://www.w3.org/TR/html5/text-level-semantics.html#the-a-element>| 
element may be wrapped around entire paragraphs, lists, tables, and so 
forth, even entire sections, so long as there is no interactive content 
within (e.g. buttons or other links). This example shows how this can be 
used to make an entire advertising block into a link:

<aside class="advertising">
  <h1>Advertising</h1>
  <a href="http://ad.example.com/?adid=1929&amp;pubid=1422">
   <section>
    <h1>Mellblomatic 9000!</h1>
    <p>Turn all your widgets into mellbloms!</p>
    <p>Only $9.99 plus shipping and handling.</p>
   </section>
  </a>
  <a href="http://ad.example.com/?adid=375&amp;pubid=1422">
   <section>
    <h1>The Mellblom Browser</h1>
    <p>Web browsing at the speed of light.</p>
    <p>No other browser goes faster!</p>
   </section>
  </a>
</aside>

-----


I'm bit concerned about that because if screenreader keep there current 
functioning it will read the whole content each time user access to the 
link. The list of links panel will become unusable and there is a 
massive risk of cognitive overload

Aurélien Levy
----
Temesis

Received on Friday, 29 October 2010 20:24:58 UTC