描述
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
- Visit Plugins > Add New
- Search for “Focusable”
- Activate Focusable from your Plugins page
- (Optional) Adjust settings in the admin area to customize the focus ring appearance.
常见问题
-
Who should use Focusable?
-
Anyone who wants to make their website more accessible, especially for keyboard and screen reader users. It’s essential for site owners, agencies, and developers who care about usability and compliance.
-
Will this work with my theme?
-
Yes! Focusable is designed to work with any WordPress theme, even if the theme removes the default focus outline.
-
Is it customizable?
-
Yes, you can adjust the transition and appearance of the focus ring from the plugin settings.
评价
此插件暂无评价。
贡献者及开发者
更新日志
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.