Stronger Keyboard Focus Outlines in wp-admin
Makes the keyboard focus indicator in the WordPress dashboard thicker and higher-contrast on links, buttons, menus and form fields, so it is easy to see where you are.
Opens WPIDE on
Code
#wpwrap a:focus-visible,
#wpwrap button:focus-visible,
#wpwrap input:focus-visible,
#wpwrap select:focus-visible,
#wpwrap textarea:focus-visible,
#adminmenu a:focus-visible,
#wpadminbar a:focus-visible,
.components-button:focus-visible {
outline: 3px solid #1d2327 !important;
outline-offset: 2px !important;
box-shadow: 0 0 0 5px #fff, 0 0 0 7px #2271b1 !important;
}Notes
Uses :focus-visible, so mouse clicks keep the normal look.
How to add this snippet
- Install WPIDE on your WordPress site (it is free) and open Code Snippets.
- Use snippet above adds it from the library in one click. Or copy the code into a new snippet with the same code type.
- It is added inactive: review the code and settings, then switch it on.