Io clicco sulle figure

I link sono uno degli aspetti fondamentali del web e spesso la fruibilità  di una pagina deriva proprio da una buona progettazione dei link a livello di markup e CSS. L'altro giorno mi sono trovato a cliccare diverse volte su una figura (thumbnail) per poi rendermi conto che in realtà  non era un link.

Ecco il caso: una sezione con titolo, miniatura e descrizione, e diverse
possibili aree cliccabili per il link che la identifica, evidenziate in giallo
nell'immagine di seguito. Io mi sono trovato nel caso "A".

Senza dubbio la soluzione minima dovrebbe contemplare anche la miniatura
nella zona link (caso "B"). In quanto al caso "C", è ancora meglio ma la vera
perfezione si ottiene con il caso "D", ovvero l'intera sezione cliccabile.

Il che ci porta ad alcune riflessioni: a prescindere dall'esistenza
dei link, qual'è la codifica HTML più semantica per una struttura del genere?
Liste, liste di definizione, div-titoli-paragrafi?

Ora aggiungete la variabile link. E' possibile includere
più di un link in ogni sezione (per esempio uno sul titolo e uno sulla miniatura)?
Oppure.. si potrebbero utilizzare esclusivamente link ed elementi inline per agevolare
presentazione e interazione?

Sono solo alcune domande che mi sono posto, ma viene alquanto difficile
quando oltre alla presentazione il markup deve tenere soprattutto in conto l'interazione.
Voi che ne dite? Vi siete mai trovati nel caso "A" come utenti? Rinuncereste
al markup semantico per implementare il caso "D"? Lascio a voi la parola, con
una piccola anticipazione: domani il seguito con una mezza (purtroppo) soluzione
che ho trovato.