Accessibility and Access Keys [0]
Whole bunch of navigation links: Link 1 | Link 2 | Link 3 | Link 4
Breadcrumbs: Bet < these < would < be annoying < to have < to tab < through < to get to < the content
To see this page in action, use your TAB key... example of link in the content.
To see this page without its clothes on, just remove styling.
This page shows the viewport problem in IE, as kindly pointed out by Jim Thatcher. Tab twice to skip to content link. Enter to follow skip to content link (just easier than tabbing 14 times). Tab to Accessibility at the bottom of the page. The next tab should take you out of the document to the main window, and the following tab takes you back into the document to the first 'skip link': the top-of page accessibility link (keep an eye on your status bar to see what is going on). Tab again to get to the skip to content link, and finally to the link 1 link. Only when you get to the link 1 link does the viewport finally shift to where it should be (it behaves correctly in Netscape).
The best option I have come up with is to use javascript's Scroll (deprecated) and ScrollTo (valid) to shift the viewport to the top of the document when the first skip link is focussed.
Suspendisse erat. Vestibulum gravida neque a risus. Pellentesque porttitor neque vel tortor. Etiam orci turpis, scelerisque sed, ullamcorper convallis, volutpat ac, sem. Vivamus purus augue, commodo et, consequat id, fringilla nec, felis. Nam libero nisl, Another link in the content fringilla vitae, varius eu, malesuada nec, lacus. Nulla facilisi. Vivamus ornare leo. Pellentesque sed ante. Nullam mollis, ipsum eu condimentum cursus, purus elit auctor turpis, eu vehicula augue nibh sagittis purus. Vivamus luctus elit et ipsum. Maecenas eget nulla vitae magna rhoncus pulvinar.
Suspendisse erat. Vestibulum gravida neque a risus. Pellentesque porttitor neque vel tortor. Etiam orci turpis, scelerisque sed, ullamcorper convallis, volutpat ac, sem. Vivamus purus augue, commodo et, consequat id, fringilla nec, felis. Nam libero nisl, fringilla vitae, varius eu, malesuada nec, lacus. Nulla facilisi. Vivamus ornare leo. Pellentesque sed ante. Nullam mollis, ipsum eu condimentum cursus, purus elit auctor turpis, eu vehicula augue nibh sagittis purus. Vivamus luctus elit et ipsum. Maecenas eget nulla vitae magna rhoncus pulvinar.
Suspendisse erat. Vestibulum gravida neque a risus. Pellentesque porttitor neque vel tortor. Etiam orci turpis, scelerisque sed, ullamcorper convallis, volutpat ac, sem. Vivamus purus augue, commodo et, consequat id, fringilla nec, felis. Nam libero nisl, Another link in the content fringilla vitae, varius eu, malesuada nec, lacus. Nulla facilisi. Vivamus ornare leo. Pellentesque sed ante. Nullam mollis, ipsum eu condimentum cursus, purus elit auctor turpis, eu vehicula augue nibh sagittis purus. Vivamus luctus elit et ipsum. Maecenas eget nulla vitae magna rhoncus pulvinar.
Suspendisse erat. Vestibulum gravida neque a risus. Pellentesque porttitor neque vel tortor. Etiam orci turpis, scelerisque sed, ullamcorper convallis, volutpat ac, sem. Vivamus purus augue, commodo et, consequat id, fringilla nec, felis. Nam libero nisl, fringilla vitae, varius eu, malesuada nec, lacus. Nulla facilisi. Vivamus ornare leo. Pellentesque sed ante. Nullam mollis, ipsum eu condimentum cursus, purus elit auctor turpis, eu vehicula augue nibh sagittis purus. Vivamus luctus elit et ipsum. Maecenas eget nulla vitae magna rhoncus pulvinar.
Suspendisse erat. Vestibulum gravida neque a risus. Pellentesque porttitor neque vel tortor. Etiam orci turpis, scelerisque sed, ullamcorper convallis, volutpat ac, sem. Vivamus purus augue, commodo et, consequat id, fringilla nec, felis. Nam libero nisl, Another link in the content fringilla vitae, varius eu, malesuada nec, lacus. Nulla facilisi. Vivamus ornare leo. Pellentesque sed ante. Nullam mollis, ipsum eu condimentum cursus, purus elit auctor turpis, eu vehicula augue nibh sagittis purus. Vivamus luctus elit et ipsum. Maecenas eget nulla vitae magna rhoncus pulvinar.
Suspendisse erat. Vestibulum gravida neque a risus. Pellentesque porttitor neque vel tortor. Etiam orci turpis, scelerisque sed, ullamcorper convallis, volutpat ac, sem. Vivamus purus augue, commodo et, consequat id, fringilla nec, felis. Nam libero nisl, fringilla vitae, varius eu, malesuada nec, lacus. Nulla facilisi. Vivamus ornare leo. Pellentesque sed ante. Nullam mollis, ipsum eu condimentum cursus, purus elit auctor turpis, eu vehicula augue nibh sagittis purus. Vivamus luctus elit et ipsum. Maecenas eget nulla vitae magna rhoncus pulvinar.
W3C: XHTML - W3C: CSS - W3C: AAA - Privacy Statement - Accessibility - Communis 2003-2004