Focusable – Focus Ring On Any Element

Focusable is a lightweight, plug-and-play WordPress plugin that displays a beautiful, customizable focus ring around interactive elements as users navigate with the keyboard. Many themes remove or hide the default focus outline, making it difficult for keyboard and assistive technology users to know where they are on the page. Focusable solves this problem in seconds—no coding required.

Key Benefits:
– Instantly improves accessibility and meets WCAG guidelines.
– Helps users with disabilities, power users, and anyone who prefers keyboard navigation.
– Works with any theme, even if the default focus outline is removed.
– Customizable transition and appearance via plugin settings.

Features

• Adds a visible focus ring to all focusable elements (links, buttons, form fields, etc.)
• Keyboard navigation support out of the box
• Customizable ring style and transition
• Lightweight and fast—no bloat
• Compatible with all major browsers and themes
• Developer-friendly: extend or style as needed

Credits

Developed by Khizar Hasan. Inspired by the need for a more accessible web.

License

This plugin is licensed under the GPLv2 or later.

From your WordPress dashboard

1. Visit Plugins > Add New
2. Search for “Focusable”
3. Activate Focusable from your Plugins page
4. (Optional) Adjust settings in the admin area to customize the focus ring appearance.

2.0.0

• Tested up to WordPress 6.8

1.3.0

• Tested up to WordPress 6.5.0.
• Improved compatibility and accessibility.

1.2.0

• Fixed assets loading issues.

1.1.0

• Update outline color based on text color of the parent element.

1.0.0

• Initial release.