Question

I'm trying to make my site WCAG 2.0 AA compliant. I need to make all my links accessible by tabbing, however the first link on the page (a logo which leads back to the homepage) is not being picked up when the user presses tab on the keyboard. All the text links on the page are being picked up fine. My mark up is below:

<a href="#" title="homepage">
   <img class="logo" src="images/clear.png" alt="Homepage" />
</a>    

How I can I fix it?

Was it helpful?

Solution

I'm willing to bet you just have something along the lines of a { outline: 0 } in the stylesheet. Take a look at that and remove it. It's more than likely still tabbing to it, just no indication of it.

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top