Ich habe über folgende methode H1 und Logo auf meiner Seite eingebunden:

<h1 class="h1"><span>Hauptüberschrift H1</span></h1>

.h1{  
	background: url(../images/logo.jpg) no-repeat;  
	height: 100px;  
	width: 236px;  
}  
  
h1 span {  
visibility: hidden;  
}

Wenn ich nun versuche das ganze zu verlinken, sodass der user mit einem klick auf der startseite landet:
<a href="#"><h1 class="h1"><span>Hauptüberschrift H1</span></h1></a>

spuckt mir der WC3 validator folgenden fehlermeldung aus:

1.   Error  Line 19, Column 68: document type does not allow element "h1" here; missing one of "object", "ins", "del", "map", "button" start-tag

…tartseite.html"><h1 class="h1-content"><span>Werkzeugmaschinen wie Deckel Fräs…

✉

The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").

Hat irgendwer eine ahnung wie ich das am besten lösen könnte?

Vielen vielen dank für eure hilfe!