title: How to make this effect accessible for screen-reader and without JS
body: <p>Today i found a <a href="http://css-tricks.com/examples/MiddleBoxLinks/" rel="nofollow noreferrer">good example to make whole div clickable in a cool way</a>.</p>
  
  <p>Is there a way to make this effect compatible with Screen-reader and keyboard user and even at least accessible if JS disabled (using css hover).</p>
  
  <p>At the least, the link should be shown somewhere if JS is disabled.</p>