Remove outline styling to allow default browser selection elements

[musm]

The outline focus border shows up after you click the element:

E.g.: click a link then this shows up before the page changes

This border should only show up after hitting Tab

[NitinNair89]

Hiding outline effects is not recommended as far as accessibility is concerned. The browser will add default styles for element outline when element is in focus / tabbed / clicked.

[musm]

Right and I agree, my suggestion here is not to add any styling to outline effects by default and to allow browsers to apply their default styling, which are more accessibility focused. The default Tachyons outlines are not great from both a design and accessibility perspective.

[NitinNair89]

Gotcha @musm . The title was misleading, a bit. 🙂

[orionrush]

I agree, this should probably be the default behaviour, and is in keeping with Tachyons' ethos. Can we find any other sources to evidence this being best practice in terms of a11y?

[ankitakul]

Hello, is this issue still open? I have a project for a software methodology class to contribute to an open source repo and I am very interested in working on this project. Could I be assigned to this issue? Thanks!