Welcome to WebmasterWorld Guest from

Forum Moderators: open

Message Too Old, No Replies

Navigation & Accessibility

where do you put the code for your navigation 'bar'

8:49 pm on Sep 28, 2006 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Mar 14, 2003
votes: 1

In full redesign of my main website, I have coded the layout to be table-less (as the current version) but fluid (current version is fixed width). Ahhhhhh the joy of a fluid layout.

I have absolute positionned the navigation bar, meaning that I can put it anywhere in the code and it will always appear at the same place in the layout/browser. But now I wonder where, in the code, I should put it?

At the start - after the accessibility/skip links, which are the first thing after the opening <body> tag - or at the end just before the closing </body> tag.

At the moment it's at the end, for SEO purposes, but also because I thought that hearing their screen readers 'read' the nav bar (7 items - 2 with accesskeys) on each page might annoy people.

But then I thought that if they want to use the main navigation, people will have to remember the skip link or tab through the whole page (which could annoy them as well).

So where would you place the navigation if you had the opportunity to chose? Or where did you put it, if you used absolute positioning?

2:35 am on Sept 29, 2006 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member pageoneresults is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Apr 27, 2001
posts: 12172
votes: 61

Or where did you put it, if you used absolute positioning?

I usually put mine at the very bottom or right before it. I may have something else down there like the top navigation too. I usually put main content first, then the left nav, right nav (if applicable), top nav. And, if I have any sort of tracking code, it gets placed at the very end right before the </body>.

5:29 am on Oct 9, 2006 (gmt 0)

Preferred Member

10+ Year Member

joined:Feb 28, 2005
posts: 646
votes: 0

I put it near the top.

It goes below my "accessibility menu" - a couple of skip to's for the main menu and the main content.

I figure that way, if they want to hear the menu, just let it go, but if they want to quickly get to the content, within three spoken lines they can get to it.


Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members