I am the founder of WWW.ONLINECARBOOTY.COM which was the first Online Car Boot Sale ever created. The site now boasts over 100,000 members but we're always trying to improve things. We don't have a big budget like the big boys and have recently changed the look of the site and tried to make it look right on mobile and desktop. Until now, it used to have a seperate site for mobiles. I just wanted to ask what you guys thought of the site, design and responsiveness as we would love any positive or negative feedback.
Trying to make my website (ve3oat.ca) more responsive, I include the usual "skip to main content" link near the top of each of my pages. However, when tested with the tool at varvy.com, my pages always fail due to "No 'skip to main content' link".
<a href="#content"> Skip to main content</a>
in the header, and
<div class="content" id="content">
as the target below the header and the top-navigation bar.
It works in Firefox and MS-IE, but always fails the Varvy test. Could someone please tell me something simple in html (I don't use Java any other scripts on my site) that will both work for users of screen readers and that will pass the Varvy test?? Thanks.
Here's the code and CSS. I want the "nav" div to appear directly under the "banner".
Can anyone point me in the right direction with a tutorial or plugin to create a responsive navigation. I really like the way the navigation displays on mobile viewports on this site and would like to implement something similar.