search

airbnb / lunar

🌗 React toolkit and design language for Airbnb open source and internal projects.
MIT License
464 stars 77 forks source link

No focus indicator when input field is invalid #389

Open joshferrell opened 4 years ago

joshferrell commented 4 years ago

When an input is in a valid state, a purple border appears that shows keyboard only users that an input is focused for typing. image

However, when the input is in an error state, there is no focus indicator image

This is important for accessibility so keyboard only users know that they are typing into the expected field. I would suggest using the outline css field for focused elements or using box shadow rather than border color.

joshferrell commented 4 years ago

I know this isn't a use for public project, but I wanted to make sure the dev team working on this has the issue tracked.