A11Y focus indicator changes

[cehfisher]

The issue is:

Thanks for adding back the focus indicators to the theme! It's good to have them in place, but there are ways to make them even better. :)

Some focus indicators are odd and that can be confusing to users. For example, how do you know what this will trigger?

Where (url)

Ex. http://drupalvm-eleven.dev/admin/structure/contact

How to Fix:

Put the focus indicator on the element itself, rather than a parent/wrapper element. In this particular example, put the focus on the button element instead of the .contextual-region element.

OK way to indicate focus:

Better way to indicate focus:

Just updating this part will take you a long way. Some additional ways to make this rock:

1. Keep the focus indicator color consistent (not switching from blue to pink).
2. Make sure there is enough padding on the element being focused on, so the indicator can be fully seen.
   
3. Change the color to something that passes WCAG 2.0 color contrast standards. Ex. Change the outline color from bluesky (#18a9e0) to something darker like #007EAE or reset the focus indicator to use the default browser styling.

(cc @widescreenBob)