Visible focus

Browsers will show which element has focus by default. This marking must not be removed. Use CSS to define a focus style that is easy to see. This will help sighted keyboard users when navigating through a website, as they will be able to see which element has tab focus at any time.

Bad example

a:focus { 
 outline: none; 
}

a:focus { 
 outline: 0; 
}

Good example

Define a "focus state" for links within your CSS.

a:focus { 
 color: #fff; 
 background: #00F; 
}

This simple modification is invisible to mouse users, but is very helpful to users with a motor disability.