內容簡介
總結：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!
