I am having some difficulty finding out how to modify the "skip link" that is put into a menu control by default. It seems all I can do is modify the "SkipLinkText" property.

It was originally invisible, but I now have a blank area that shows the "_SkipLink" link for keyboard/mobile user accessibility when the cursor hovers over it. This of course happend after I set the css style for the menu item links to display: block;. I needed to set this to allow a user to mouse-over an area that looks like a css-styled box (ie: resembling a button). Unofrtunately setting the element to display as a block sets the SkipLink to do the same thing.

After inspecting the generated xhtml from Visual Studio 2005, I noticed that this Skip Link isn't assigned an id from which I could have my css file in my theme modify. Is it possible to give it an id or class?

I'd really like to keep the SkipLink, but alter its css attributes and change it from an invisible image to just text, much like the invisible-until-hovered-over skip link at the top left of this page: (accessifyforum.com).

I'm not completely against removing it since the web site I'm working on is mostly for our select customers (none I know of access it via a mobile device). I assume if I went this route, I could do a find of the menuitem in my codebehind page and delete the menuitem at position 0? Any help would be appreciated, as I couldn't find much information for this topic via google or the search feature here. Thanks!

There isn't really an easy way to do this.  You pretty much have 2 options:

1) Remove the skiplink by setting the SkipLinkText property to "" (empty string)

2) Remove the skip link as in #1 and render out your own link pair for accessibility.

--
Danny

You're one of the good ones Danny! I thank you too!

dannychen:

You pretty much have 2 options

There is a third!

Cascade any a styles from table like so:

#left_column table a

display:Block;

The SkipLink is not within the table so the styles will not be applied to it!