.has-focus background-color

[elliottheis]

There appears to be a background-color being set when an input is in focus.

Should this be descoped from input-esque elements, or removed altogether?

commit that introduced it

[peter-mouland]

the has-focus class is added if a user tabs through the page. The intent is to make it more obvious where the user is on the page for accessibility reasons.
If you wanted to remove it, what would you replace it with?

[elliottheis]

I think the background-color property should be set when tabbing on all elements excluding input-esque elements?

[peter-mouland]

yeah, feel free to submit a pull request with the background colour replaced with another style.

If the style within sky-form (or whatever the toolkit forms are) include a border width already then, for these forms we could safely change the colour of border. We couldn't for example use border: 1px solid blue on forms where we don't know if borders are being used as this would cause a 'jump' when the element is focused on. Just something to remember.

Could you also ensure that it has gone through proper design/accessibility checks. Previously we went through nomensa, but i'm not sure if they would have seen the affect on forms.

[pigats]

/cc @aldreth