Fix header a11y

[leonardoelias]

Never remove CSS outlines

The solution today in menu is remove focus outline in links. But this is cause a big problem on usability.

Style the element itself. You can remove the outline as long as you style the focused element differently (using a combination of color, background-color, border or text-decoration: underline for example). When using this approach, avoid using color alone as the only visual means of determining focus, as color blind people may not be able to distinguish the focus state from the inactive state.

https://a11yproject.com/posts/never-remove-css-outlines/
WICG/focus-visible#128

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/denoland/deno-website2/a85v9ello
✅ Preview: https://deno-website2-git-fork-leonardoelias-a11y-header.denoland.now.sh

[lucacasonato]

Thanks a lot for this one - I didn't pay attention again.

[leonardoelias]

I'm sorry @lucacasonato , I didn't want to be rude. you are doing an incredible job.