Interesting Skip-Link implementation

Philippe has introduced an interesting implementation for ’skip-to’ navigation on his blog at emps.l-c-n.com. He uses the familiar (and accepted) method of positioning the skip-to links off screen via CSS (setting them to diplay: none, while oft-documented, will actually render them invisible to many screen readers). This ensures that screen readers and text browser will still ’see’ it. However, skip-to links are still quite useful for sighted people…namely those that prefer or have to use a keyboard to navigate.

To accomodate that need, Philippe has added an onFocus script to these links to bring them into view as you tab through the page. Try it out. I think think this is a fairly clever approach.

(Also, this looks like a very bookmarkable blog…lot’s of great info on CSS and Textpattern.)