SlickNav icon indicating copy to clipboard operation
SlickNav copied to clipboard

Accessability issue

Open Rockethost opened this issue 10 years ago • 1 comments

Hi there

In mobile view the menu inserts its div right at the top of the page (div class="slicknav_menu") I have a "skip to main content" link I use for accessibility. I need it to go right at the top above the menu, any idea how I do that? Probably requires some Javascript which I have little experience in. Appreciate any help!

Thanks Lee

Rockethost avatar Dec 21 '15 23:12 Rockethost

Do you have the ability to reorganize the order of appearance of elements in the DOM? If not, you could use jQuery.

Example:

HTML

<div class="slicknav-menu">
   <!-- markup -->
</div>
<a class="skip-link" href="#">Skip to Main Content</a>

jQuery

$('.skip-link').insertBefore('.slicknav-menu');

cawdev avatar Jan 13 '16 20:01 cawdev