Normalize.css: Issue: Remove the outline on focused link at Mac OS

[shinxi]

Hi all,

The outline on focused links still gets outline at Mac OS Chrome 50.

HTML

<div><ul role="tablist" class="nav nav-tabs"><li role="presentation" class=""><a aria-selected="false" role="tab" href="" tabindex="-1">Dev</a></li><li role="presentation" class=""><a aria-selected="false" role="tab" href="" tabindex="-1">Test</a></li><li role="presentation" class="active"><a aria-selected="true" role="tab" href="" tabindex="0">Staging</a></li><li role="presentation" class=""><a aria-selected="false" role="tab" href="" tabindex="-1">Production</a></li></ul><div class="tab-content"><div role="tabpanel" aria-hidden="true" class="tab-pane fade"><section class="product-build-panel"><div class="product-settings-panel">Settings</div><div class="product-deploy-panel">Deploy</div></section></div><div role="tabpanel" aria-hidden="true" class="tab-pane fade"><section class="product-build-panel"><div class="product-settings-panel">Settings</div><div class="product-deploy-panel">Deploy</div></section></div><div role="tabpanel" aria-hidden="false" class="active tab-pane fade in"><section class="product-build-panel"><div class="product-settings-panel">Settings</div><div class="product-deploy-panel">Deploy</div></section></div><div role="tabpanel" aria-hidden="true" class="tab-pane fade"><section class="product-build-panel"><div class="product-settings-panel">Settings</div><div class="product-deploy-panel">Deploy</div></section></div></div></div>

Shall we add a:focus at the normalize.css?
Before change

a:active,
a:hover {
  outline-width: 0;
}

After

a:active,
a:hover,
a:focus {
  outline-width: 0;
}

[jonathantneal]

An outline on focus is very important for low-sighted users, keyboard users, and other accessibility technology.