Search box focus, and focus/hover in general…

[guy_fraser]

On most search boxes (eg. group search, member search, etc) when the user clicks on them (focus) a grim blue border is added by the browser. The same thing happens on activity update fields. See attachments for examples of both.

This could be resolved by adding outline:none; to input elements :focus

But this got me thinking about the wider perspective of keyboard navigation so I started pressing the tab key to see how the UI would respond – apart from the search box, there’s generally zero visual indication as to what is focussed. In fact, the only two things that did give any visual feedback were those mentioned above – some search inputs and the “What’s new?” input.

Things like menus, links, profile icons/tabs, etc., do not give any visual indication of being focussed. A short term fix might be to get everywhere that has a :hover style defined and make :focus do the same?

Attachments:

You must be logged in to view attached files.

[Abe]

Hi, we are doing some tests and will let you know.

Thanks

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Author]

Posts