.invisibletitle {display: none;}
@media print {
.invisibletitle {display:block;}
}
@media aural {
.invisibletitle {display:block;}
}
@media print {
.invisibletitle {display:block;}
}
@media aural {
.invisibletitle {display:block;}
}
Then class="invisibletitle" can be applied to tags around alternate text in the html, making the text invisible whenever background images are visible, yet visible/readable when background images are missing or ignored. I said it was simple!
Example: www.destiny-dubai.co.uk/holdingpage.htm
Do a print preview, or turn off stylesheets, to see the invisible titles appear.