Sizing fonts with CSS

an interesting article on relative CSS font sizing was posted on A List Apart today. they did some research into cross browser font sizing. The results are quite surprising.

Check out the full story: http://alistapart.com/articles/howtosizetextincss.

Make skip navigation links future proofed

Anyone who has spent even 30 seconds using a screen reader can tell you that forcing the user to go through your pages navigation every time they load the page is dreadfully annoying and time consuming. So the solution for some time has been the Skip Nav link hidden from normal users but available to screen readers, well maybe.

The common practice is via CSS to position the skip nav link thousands of pixels to the left of the screen and then set it as ( display: none;) here in lies the problem what if one day screen readers start following CSS rules and stop saying your skip nav link. I have the solution. Instead of using the display CSS attribute, use (visibility: hidden;). the reason is the hidden part it’s not saying this doesn’t exist it is just merely saying hide this from view but still be there.

Try it for your self make a brand new page with just a link on it and then use the visibility hidden on that link. Behold the link still works but to the eye it ’s not displayed.