Full post linking

There has been quite an interesting thread on css-discuss about solutions how to make a blog post construct like

headline
date
text

link. In compliant HTML you cannot nest block elements in a link, therefore you would need to repeat the link three times – one inside the header element and two inside the paragraphs for date and the text. This poses an accessibility issue of three links to tab through / listen to / appear in the document’s links list.

Ingo Chao came up with a pure CSS solution.

The only problem with that one is that the link text will be just far too long, and you have no structure in the text any longer.

I decided to harness JavaScript to do the dirty work.