search

kohdataan / kohdataan-frontend

Somettamalla uutta kohtaamista -frontend
https://kohdataan.fi/
4 stars 1 forks source link

Frontend/364/add outlines on focus #365

Closed larenala closed 4 years ago

larenala commented 4 years ago

Added thin orange outline to fields on focus. This now also appears in menu bar when tabbing through the menu. Ideally the outline would disappear after click but I couldn't figure out how to do that. Suggestions are welcome!

Pninja commented 4 years ago

I don't think it's possible to remove the outline after click, since the element is still considered to be in focus until you select something else. So if we have outline style defined for focus, then it will show after click. Maybe instead of borders, we could change the background colour slightly (or something similar) for focus in the main navigation so that it would not be so visually harsh? But maybe it's not the best solution for accessibility. I feel like accessibility and nice design rarely go hand in hand 😆