0

The theme I'm using (AT Panels Everywhere subtheme for Adaptivetheme) has the following skip navigation link:

<div id="skip-link">  
<a href="#content" class="element-invisible element-focusable">Skip to main content</a>
</div>

but that link goes nowhere when I hit Enter when that div becomes focused as I tab through on the keyboard.

I tried adding the "content" anchor tag like this:

<div id="content" class="region">
<span style="width: 100%;" tabindex="0"><a name="content"></a></span>
<?php print $content; ?>
</div>

but it still doesn't work. I'm still forced to tab through every link on the page.

What am I doing wrong?

0

Try changing your code like this

<div id="content" class="region">
<span style="width: 100%;" tabindex="0"><a href="#content">Skip</a></span>
<?php print $content; ?>
</div>
|improve this answer|||||
  • Hi Nikhil, I'm not sure that's right. The code I mentioned above is for the anchor tag that is being linked by the 'Skip to main content' link in my site template which is this: <div id="skip-link"> <a href="#content" class="element-invisible element-focusable">Skip to main content</a> </div>` – user24216 Jan 6 '14 at 8:10

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.