# 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.

- Type: CSS
- Runs: Admin head
- Category: [Accessibility](https://wpide.com/library/category/accessibility/)
- Tags: admin, focus, keyboard
- Author: WPIDE Team
- Installs: 0
- Updated: 2026-10-28
- Page: https://wpide.com/library/a11y-admin-focus-outlines/

## Code

```css
#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 use it

Install the free WPIDE plugin (https://wordpress.org/plugins/wpide/), find "Stronger Keyboard Focus Outlines in wp-admin" in its snippet library and add it in one click; or create a new CSS snippet in WPIDE (or any code snippets plugin) and paste the code above. More snippets: https://wpide.com/library/