# כפתור לתפריט ניהול מודגש בצהוב

**URL:** <https://meta.discourse.org/t/button-to-admin-menu-highlighted-in-yellow/193777>\
**Category:** UX\
**Created:** [14 ביוני,‏ 2021,‏ 3:00pm UTC](https://meta.discourse.org/t/button-to-admin-menu-highlighted-in-yellow/193777 "2021-06-14T15:00:14Z")\
**Posts on this page:** 1\
**Showing post:** 6

<div class="post-metadata">

**Author:** ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)\
**Post date:** [16 ביוני,‏ 2021,‏ 4:37am UTC](https://meta.discourse.org/t/button-to-admin-menu-highlighted-in-yellow/193777/6 "2021-06-16T04:37:53Z")

</div>

I think we might want to switch from `:focus` to [:focus-visible](https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible) in our CSS. It’s not supported on Safari yet, but it’s easy to fallback on `:focus` in that case.

[From the spec](https://www.w3.org/TR/selectors-4/#focus-visible-pseudo):

> If the active element matches [:focus-visible](https://www.w3.org/TR/selectors-4/#focus-visible-pseudo), and a script causes focus to move elsewhere, the newly focused element should match :focus-visible.

So that means if you open the hamburger menu by tabbing to it (which enables the `:focus-visible` style), when the menu is opened, the `:focus-visible` style appears. If you open the menu with a pointer, then the `:focus-visible` style does not appear:

There is one downside, in a mixed input scenario where you open the hamburger with a pointer and then attempt to tab nav… the `:focus-visible` style isn’t visible on the first link (even though it’s technically focused), so it looks like it gets skipped. Not sure if there’s a workaround for this…

---

_[View the full topic](https://meta.discourse.org/t/button-to-admin-menu-highlighted-in-yellow/193777)._