OK so skip links for accessibility cannot be done using display: none any more, so what is the best way to implement them if they need to be hidden for design purposes?
I came across one technique that supposedly moved them off the screen and then on focus brought them into view so that every can use them (
http://www.projectseven.com/tutorials/accessibility/hideskip/index.htm), however I could not get this to work.
Interestingly I had a sneeky peek at the choices NHS website and they use this:
.hidden{
font-size:0 !important;
height:0 !important;
left:-999% !important;
line-height:0 !important;
overflow:hidden !important;
position:absolute !important;
width:0 !important;
}
What method do you use can you give me an example?
