brianfit58

No migrations enabled.

Site URL: http://blog.brian-fitzgerald.net/
Site Domain: brian-fitzgerald.net

My WordPress install is at http://www.brian-fitzgerald.net/wordpress/ though I have the site URL set to http://blog.brian-fitzgerald.net/ in the WordPress General settings. Could that be a factor?

If you prefer a non-javascript option, you can do the following.

Presuming you have an existing class defined for your header image which is something like this:

.header_logo {
background-image: url(images/header.png);
background-repeat: no-repeat;
margin-top: 8px;
float: left;
height: 145px;
width: 870px;
}

You define two new classes:

.header_logo a {
display: block;
float: left;
height: 145px;
width: 870px;
outline: none;
}

.header_logo a span {
display: none;
}

And then, in the HTML where the class is called, add a hyperlink to some dummy text within span tags. The dummy text will be invisible on the page, and a block the size of your graphic will be clickable:

<div class=”header_logo”>
<a href="http://blog.brian-fitzgerald.net"
title="There's no place like…">
<span>This links home, dear screen reader</span>
</a>

</div>

If you want to know why this works, I blogged it here:

http://blog.brian-fitzgerald.net/?p=252