Tab navigation through the site is currently not so great, this PR aims to improve the visual indicators on links throughout the site to make it more clear you are focus'd on the intractable elements on the page.
Add focus underline to all links & main logo.
Previously there was no indication you were focus'd on the link containing the logo example
Add focus underline styles to logo to match the updated link focus styling example
This also adds underline to ALL links with focus. examples: 1234
Add focus colors to main-header links.
Previously there was no indication that you were focusing a link in the main-header. example
Apply existing hover colors for focus/active states example
Changed color of footer link to prevent it from being "hidden" due to color contrast
Previously hover/active/focus styling colors have very poor contrast with footer background. example
Instead keep the link color the same, and rely on the underline decoration to indicate hover/focus/active state example
Worth exploring other colors to highlight with, but I using just underline seems like a large improvement over current state
Tab navigation through the site is currently not so great, this PR aims to improve the visual indicators on links throughout the site to make it more clear you are focus'd on the intractable elements on the page.