CSS: layout dell'elemento del

CSS: layout dell'elemento del

L'elemento (X)HTML del marca del contenuto che è stato rimosso dal documento. Di solito viene visualizzato dai browser come del testo barrato. Ma è proprio questa la soluzione migliore per indicare che del contenuto non fa più parte del documento? Ecco alcune soluzioni.

Ingo Chao ha trovato una soluzione interessante:


del {display: none;}

In effetti non è necessario che l'elemento del ed il suo contenuto vengano rappresentati sulla pagina. Una soluzione più grossolana, simile ad una cancellatura con pennarello, sarebbe:


del {
	background: #000;
	color: #333;
}

In questo caso andremmo però incontro a dei problemi nel check sull'accessibilità del sito, in quanto il contrasto proposto non soddisfa i criteri del W3C.

Tuttavia anche la soluzione di Ingo presenta dei problemi con i lettori di schermo, che non leggeranno il contenuto dell'elemento. Bisogna chiedersi se il contenuto è rilevante ai fini della comprensione della pagina. In caso affermativo, s i può usare questa soluzione alternativa:


del {
	position: absolute;
	top: -1000em;
}

In caso contrario va bene la soluzione di Ingo.

Torna su