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.