How can I make chosen links stand out in keyboard navigation?
by sofasurfer from LinuxQuestions.org on (#5N2Z8)
I'm trying to learn keyboard navigation. I found that when I tab around on a website the links that are supposedly highlighted are not visible. Either they are not highlighted/outlined or they are highlighted/outlined so slightly that the difference can not be seen.
I found this reference to the situation on line:
Code: This is the result of 'outline' being set to 'none' in the css (in combo.css). It's common when doing a css reset to turn remove the outline on links. However, as Alan picked up, this isn't so good for accessibility. There are two ways to go about fixing this.
Option A:
Re-apply the outline after the reset. This would set a uniform style across all browsers.
Option B:
Remove the original outline reset. This would then use the browser default for active items.
I would recommend option B. This is a case where using the browser default is a good thing. Some browsers signify that an item is active with quite different styles and it's probably better to give the user the feedback that they are used to (for example, compare the way Chrome and Firefox do this). Looking at the CSS I can't see a particular reason this is being reset, and removing this shouldn't affect anything else.Right off the bat I can not find 'combo.css'. Can someone help me get my links to stand out?
I found this reference to the situation on line:
Code: This is the result of 'outline' being set to 'none' in the css (in combo.css). It's common when doing a css reset to turn remove the outline on links. However, as Alan picked up, this isn't so good for accessibility. There are two ways to go about fixing this.
Option A:
Re-apply the outline after the reset. This would set a uniform style across all browsers.
Option B:
Remove the original outline reset. This would then use the browser default for active items.
I would recommend option B. This is a case where using the browser default is a good thing. Some browsers signify that an item is active with quite different styles and it's probably better to give the user the feedback that they are used to (for example, compare the way Chrome and Firefox do this). Looking at the CSS I can't see a particular reason this is being reset, and removing this shouldn't affect anything else.Right off the bat I can not find 'combo.css'. Can someone help me get my links to stand out?