[WordPress] 外掛分享： Focusable – Focus Ring On Any Element

前言介紹

  • 這款 WordPress 外掛「Focusable – Focus Ring On Any Element」是 2021-05-04 上架。
  • 目前有 40 個安裝啟用數。
  • 上一次更新是 2025-06-04，距離現在已有 267 天。
  • 外掛最低要求 WordPress 5.0.0 以上版本才可以安裝。
  • 尚未有人給過這款外掛評分。
  • 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。

外掛協作開發者

zarhasan |

外掛標籤

wcag | usability | accessibility | focus outline | keyboard navigation |

內容簡介

這是一個 WordPress 外掛，當使用者使用鍵盤導航時，會在可聚焦元素上顯示一個光圈。

原文外掛簡介

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.

各版本下載點

  • 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Focusable – Focus Ring On Any Element」來進行安裝。

（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。

2.0.0 | trunk |

延伸相關外掛（你可能也想知道）

  • Remove Widget Titles 》這個 Remove Widget Titles 外掛可以移除任何以 "!" 字元開頭的小工具的標題。, 為什麼要使用它？, 這讓你可以在後端為小工具命名，以方便你快速看出哪個小工...。
  • WCAG 2.0 form fields for Gravity Forms 》, 此外掛是 Gravity Forms 的附加元件。如果您還沒有擁有 Gravity Forms 授權，請 現在購買！（聯盟網路連結）, , 此外掛的功能是什麼？, , 將單選、勾選框和...。
  • WooCommerce Better Usability 》這個 WordPress 外掛提供了購買 WooCommerce 店家產品時的整體用戶體驗改進。改進的範圍包括：商店、產品、購物車和結帳。, 免費版功能：, , 使用 AJAX 自動...。
  • Remove Redundant Links 》此 WordPress 外掛會將指向目前頁面的 <a> 元素更改為移除 href 屬性並新增描述性的 title。, 與大多數佈景主題相容。已在 TwentyTen 進行測試。, 範例...。
  • Taxonomy Filter 》Taxonomy filter是一個簡單靈活的外掛，允許用戶在管理頁面內過濾層次性詞彙分類。如果您需要簡化管理頁面上的標籤和分類，這個外掛會讓您更容易。它會添加一...。
  • Admin Page Notes 》您曾經建立過一個頁面模板，僅彙總自訂文章類型的文章嗎？看起來很酷對吧？, 不過，兩個月後當您的客戶要編輯他們的網站時，他們就不會覺得那麼酷了。他們點...。
  • Hotspots Analytics 》熱點分析是 WordPress 網站上最先進的分析外掛，包括熱點圖、使用者活動和自訂事件追蹤。它可以有效地與 Google Analytics 搭配使用，並支援回應式網頁設計和...。
  • resmio button & widget 》Resmio 提供您一個為餐廳提供線上訂位系統軟體，讓您可以快速且輕鬆地管理所有餐廳收到的訂位。若要從您的網站接收訂位，您必須整合 Resmio 提供的代碼片段，...。
  • J7 Beaver Header Footer Templates 》, 相容於 Beaver Builder 主題, , 你可以透過 Beaver Builder 外掛自建一個 header 並儲存排版，接著，透過 J7 Beaver Headers Footers 外掛輕鬆套用到你的網...。
  • Proper Pagination 》此外掛主要針對主題開發人員，旨在簡化 WordPress 列表頁面（如存檔、作者、分類、搜尋、標籤列表等）的語義化、可用性分割控制器的建立。, 受到「The Loop」...。
  • Kahi's WP Lite 》WordPress 管理介面中總會有一些你暫時不需要的部分，這個外掛程式可以方便地隱藏它們，例如不必要的選單項目或文章編輯介面上的任何框格（例如自訂欄位或引...。
  • Auto Insert Title To Link 》這個外掛可以自動填入 WordPress 編輯器中連結的標題屬性。, 如果使用者在「插入連結」彈出視窗的標題欄位上聚焦，外掛會嘗試從 URL 欄位擷取 URL 並發送請求...。
  • BetterBlocks 》總結：BetterBlocks使您的區塊編輯器整潔、簡單且有組織，讓您可以專注於最重要的部分 - 您的內容。透過對區塊編輯器的幾個重要調整，這款外掛幫助您維持高效...。
  • Easy Pagination Control 》這個外掛程式旨在為主要 WordPress 實體建立方便的分頁設置頁面，包括自訂類型。, 您只能使用「pre_get_posts」鉤子來處理主要的 WordPress 查詢。其他請求將...。
  • Dyslexic Fonts 》在使用者資料畫面上新增一個核取方塊，讓已登入的使用者可以將網站上的字型更改為適合誦讀障礙者使用的字型。。

文章
Filter
Apply Filters
Close
Mastodon