[WordPress] 外掛分享: Accessibility Helper

前言介紹

  • 這款 WordPress 外掛「Accessibility Helper」是 2025-09-25 上架。
  • 目前尚無安裝啟用數,是個很新的外掛。如有要安裝使用,建議多測試確保功能沒問題!
  • 上一次更新是 2025-09-26,距離現在已有 153 天。
  • 外掛最低要求 WordPress 5.3 以上版本才可以安裝。
  • 外掛要求網站主機運作至少需要 PHP 版本 7.2 以上。
  • 尚未有人給過這款外掛評分。
  • 還沒有人在論壇上發問,可能目前使用數不多,還沒有什麼大問題。

外掛協作開發者

willreekie80 |

外掛標籤

font | dyslexia | dyslexic | color blind | accessibility |

內容簡介

總結:Accessibility Helper 是一個 WordPress 外掛,旨在使您的網站對所有人更具可接近性。它提供了一個易於使用的面板,讓訪客可以調整字體大小,切換到適合讀者的 Open Dyslexic 字體,聽取圖像描述,並應用常見顏色盲的顏色方案,並可自定義顏色和樣式以配合您網站的品牌。

問題與答案:
1. 使用 Accessibility Helper 外掛的目的是什麼?
- 答:使您的網站對所有人更具可接近性。

2. Accessibility Helper 提供了哪些功能?
- 答:可控制字體大小、切換到 Open Dyslexic 字體、聽取圖像描述、應用顏色過濾器和色盲模式等。

3. 如何調整字體大小?
- 答:訪客可以使用外掛提供的控制面板來放大或縮小文字以提高可讀性。

4. 什麼是 Open Dyslexic 字體,如何使用它?
- 答:Open Dyslexic 字體是一種適合讀者的字體,您可以切換到該字體來進行更輕鬆的閱讀。

5. 如何使圖像描述讀出來?
- 答:將滑鼠移到圖像上,外掛將通過 speechSynthesis 功能朗讀出圖像描述。

6. 用什麼方式可以打開外掛的控制面板?
- 答:按下 ALT、SHIFT 和 A 鍵。

7. 外掛有哪些要求?
- 答:建議使用 WordPress 5.0 以上版本,並需擁有 jQuery 支援。

原文外掛簡介

Accessibility Helper is a WordPress plugin designed to make your website more accessible for everyone. It provides an easy-to-use panel that lets visitors adjust font size, switch to a dyslexia-friendly font, hear image descriptions read aloud, and apply color schemes for common types of color blindness — all with customizable colors and styles to match your site’s branding.
Features

Font Size Control: Visitors can scale text up or down for better readability.
Readable Font: Switch to the Open Dyslexic font for easier reading.
Image Alt Text Reader: Hovering over images reads out their alt text.
Color Filters: Apply brightness, contrast, saturation and hue color filters, by using the sliders. Adjust to the users own preference.
Color Blind Modes: Apply contrast schemes for Protanopia, Deuteranopia, Tritanopia and Achromatopsia.
Fully Customizable: Adjust button colors, text colors, and panel position.
Remembers Preferences: Uses localStorage to remember user settings.
Lightweight: Loads only what’s needed, and works on any theme.
Keyboard Shortut: Pressing ALT, SHIFT and A will open the panel.

How It Works

The plugin wraps your page content in a container that scales with the font size controls.
The panel is positioned in one of four corners based on your admin settings.
The dyslexic font is loaded via internal files.
For screen readers and visual aid, the alt text reader uses speechSynthesis to speak out image descriptions on hover.
Color blind schemes are applied using the different sliders that adapt your theme for color blindness.
There is a color contrast validation to ensure that there are no contrasting colors whilst customising the plugin between the background color, button color and text color.

– First time load up, a notification pops up that mentions about using keyboard shortcode to access panel.
Requirements

WordPress 5.0+ recommended
jQuery must be available (most themes already include it)

Known Limitations

The image alt text reader relies on the browser’s speechSynthesis API — supported in most modern browsers but not all.
The plugin applies a page wrapper (#accessibility-page-wrapper) for scaling — very rare conflicts could occur if your theme or other plugins rely on the same ID.

Developer Notes

Settings are stored in the WordPress options table.
User preferences (font scale, readable font, color blind mode, alt reader and color sliders) are saved in localStorage for persistence.
Styling is handled with a separate style.css file — feel free to customize it further.

Support
If you find a bug, have a feature request, or need help, feel free to reach out to [[email protected]].
Credits
Open Dyslexic font by Abbie Gonzalez
jsDelivr
License
This plugin is released under the GPLv3 or later.
Happy building a more inclusive web!

各版本下載點

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

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


最新版本

延伸相關外掛(你可能也想知道)

  • Ally – Web Accessibility & Usability 》One Click Accessibility 工具列是最快速的 WordPress 外掛,可幫助您使網站更具無障礙性。, 儘管大部分的無障礙性問題需要直接更改內容才能解決,One Click ...。
  • Auto Image Attributes From Filename With Bulk Updater (Add Alt Text, Image Title For Image SEO) 》這個外掛可以自動從圖片檔案名稱中添加圖片標題、圖片標語、描述及替代文字等圖片屬性。, 不論是新圖片還是在媒體庫裡的現有圖片,這個外掛都可以更新圖片屬...。
  • Accessibility by UserWay 》如果你不知道從何開始,網站的無障礙性可能會顯得非常複雜和令人不知所措。, 讓我們讓它變得更簡單且更易於使用,使用 UserWay 的 Accessibility Widget 可為...。
  • WP Accessibility 》這個外掛可以幫助解決 WordPress 主題中各種常見的無障礙問題。儘管大多數無障礙問題無法在不直接更改主題的情況下解決,但 WP Accessibility 添加了許多有用...。
  • WP Dark Mode – Improve Accessibility with AI Powered Dark Theme 》使用 WP Dark Mode 外掛程式,為您的 WordPress 網站創造一個令人驚豔的暗黑模式版本。WP Dark Mode 可以自動運行,無需進入任何複雜的設置。, 只需啟用該外...。
  • My Calendar – Accessible Event Manager 》My Calendar 是一款 WordPress 活動管理外掛,提供豐富的自定義事件顯示方式。本外掛支援在 WordPress Multisite 中建立個別的事件日曆,按類別、地點或作者...。
  • Alt Text AI – Automatically generate image alt text for SEO and accessibility 》AltText.ai 是一個 WordPress 外掛,利用最新的 AI 計算機視覺和深度學習技術為您的圖像自動生成替代文字。, 使用我們的深度學習 AI,改善您的 SEO,並提高網...。
  • AccessibleWP – Accessibility Toolbar 》在您的 WordPress 網站上添加專業級無障礙工具欄,讓殘障使用者能更輕鬆地使用您的網站。, 工具欄選項, , 鍵盤導航 - 允許鍵盤導航, 停用動畫 - 允許停用 CSS...。
  • WP Accessibility Helper (WAH) 》WordPress可讀性易於設置!, 網頁可讀性是指消除阻礙殘障人士互動與訪問網站的實踐。當網站正確設計、開發和編輯時,所有用戶都可以平等地訪問信息和功能。, ...。
  • SimpleTOC – Table of Contents Block 》在您的文章和頁面中加入目錄區塊。該 TOC 是包含文章或頁面中所有標題的嵌套連結列表。只需添加一個區塊並搜索“SimpleTOC”或“TOC”即可使用它。, toc 的最大深...。
  • Equalize Digital Accessibility Checker – Audit Your Website for WCAG, ADA, and Section 508 Accessibility Errors 》Accessibility Checker 外掛, , 外掛網站 | 文件 | 免費版與專業版比較 | 購買專業版 | 優先支援&無障礙諮詢 | WordPress 無障礙聚會 | WordPress 無障礙 Fa...。
  • Web Accessibility by accessiBe 》無障礙、自動化且負擔得起:讓你的網站無障礙化, accessiBe 是網頁無障礙解決方案和服務的市場領導者。, 我們基於人工智能的解決方案 - accessWidget,保持 A...。
  • Plugin Check (PCP) 》總結:, 「Plugin Check」是一種方便測試外掛程式是否符合Plugin Review團隊的基本需求標準的方式。透過這個外掛程式,您能夠執行團隊所使用的大部分檢查,並...。
  • SOGO Accessibility 》已使用 Gutenberg 進行測試, 版本 2.0.0 修正了一些未完全符合 WCAG 2.0 AA 等級要求的問題, 插件僅使用 JavaScript 和 CSS,為前端網站啟用了一些無障礙功能...。
  • WCAG 2.0 form fields for Gravity Forms 》, 此外掛是 Gravity Forms 的附加元件。如果您還沒有擁有 Gravity Forms 授權,請 現在購買!(聯盟網路連結), , 此外掛的功能是什麼?, , 將單選、勾選框和...。

文章
Filter
Apply Filters
Mastodon