Results 1 to 25 of 38
Apr 7, 2011, 10:35 #1
- Join Date
- Mar 2010
- 0 Post(s)
- 0 Thread(s)
Page (and heading) structure conundrum
I want to include headings, positioned off-screen, inside major page divisions such as the navigation and footer. To me, it makes a lot of sense to improve ease of use by providing these extra "hooks" (for want of a better word) by which I know that a lot of vision-limited users navigate when they use assistive software. I imagine that it would also improve their understanding of the page structure and content. Win-win (for those users, at least).
The trouble for me is in dealing with anything that sits above the main content (and its H1) in the HTML. My current structure is simple and minimal. At the very top, I have skip links; then a position:fixed vertical menu on the left with the main content to the right of it, and nothing else except a footer:
<div id="skip-links">skip links in a UL</div> <div id="navigation">main menu items in a UL</div> <div id="content"> <h1>main title</h1> main content... </div> and a simple footer div...
I need recommendations and counsel, please folks! How do you solve layout issues like this in a way that ticks all the boxes: semantic HTML, tidy structure, matching HTML/screen order, meaningful content, helping all users...