外掛說明
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.