Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trial
Richard Tedstone
3,581 PointsMega nav with tab-index?
how do you make the mega nav's drop down menu accessible using the tab key? Any help would be great.
5 Answers
J.T. Gralka
20,126 PointsIt depends how you're displaying your drop down menus. Are you using CSS3 or JavaScript?
James Barnett
39,199 PointsLike @JT said, it depends on how you coded your drop down menu. But here's the basic idea. If you post a link to your site or create a codepen we will be able to provide some more specific suggestions.
<div class = "nav">
<ul>
<li><a href="#" tabindex = "1">Home</a></li>
<li><a href="#" tabindex = "2">About</a></li>
<li><a href="#" tabindex = "3">Clients</a></li>
<li><a href="#" tabindex = "4">Contact Us</a></li>
</ul>
</div>
Richard Tedstone
3,581 PointsHi J.T., will be going into production of site soon for college project, would prefer to use CSS3 but open to simple options if any. Thanks
Richard Tedstone
3,581 PointsI was trying to find an example and came across this http://terrillthompson.com/blog/202 This looks like what I'm after, bit confusing but see how it goes. Thanks for getting back to me, if you know an easier option let me know. Cheers.
James Barnett
39,199 Points@Richard - Here's a good tutorial on creating a navigation menu with CSS3