title: How do you remove the dotted outline in Firefox links WITHOUT harming accessibility?
body: <p>There are many questions/answers about how to remove the dotted outline on javascript / ajax links in Firefox, but they all recommend setting the outline property to 0, which harms accessibility. Moreover, it skirts the issue: Firefox focus behavior is the issue, not how the focus is styled.</p>
  
  <p>In Chrome, clicking an ajax link does not produce focus. It only starts to focus when you begin tabbing. Firefox on the other hand, aggressively places focus when you click the mouse.</p>
  
  <p>Is there a way to get Firefox to behave more like chrome when it comes to focus being set by mouse clicks, without having to sacrifice accessibility by setting <code>outline</code> to <code>none</code> or <code>0</code>.</p>
  
  <p>Example of this effect can be seen on <code>http://news.yahoo.com</code>. In FF if you down click the links on the left (but move your mouse off the link before click release), you'll see the dotted outline. In chrome if you do the same, you won't see the outline, but you will once you start hitting <code>tab</code>. </p>
  
  <p>Is there any way to force FF to have a similar behavior?</p>
  
  <p>And a related question: how do you consistently reproduce this dotted outline behavior in Firefox? Firefox does not seem to do this with all links, and it appears to happen only under certain circumstances. </p>
  
  <p>For instance, most links on StackOverflow do not have this issue, despite not having an <code>outline</code> override.</p>