[WordPress] 外掛分享: Midgardsson Accessibility Toolkit

首頁外掛目錄 › Midgardsson Accessibility Toolkit
全新外掛
安裝啟用
尚無評分
11 天前
最後更新
問題解決
WordPress 5.0+ PHP 7.0+ v1.0.7 上架:2026-07-01

內容簡介

Midgardsson Accessibility Toolkit 是一款全面的無障礙工具包,旨在提升 WordPress 網站的可及性,符合 WCAG 2.1 Level AA 標準,讓所有用戶都能輕鬆訪問。

【主要功能】
• 字體大小控制:輕鬆調整字體大小,確保可讀性
• 友善閱讀字體:全站啟用 OpenDyslexic 字體,改善閱讀體驗
• 暗黑模式:可自訂顏色及不透明度,減少眼睛疲勞
• 高對比模式:符合 WCAG AAA 標準,增強可見性
• 彈性小工具定位:四種定位模式可選擇
• 翻譯準備:完全符合 WordPress i18n 標準

外掛標籤

開發者團隊

⬇ 下載最新版 (v1.0.7) 或搜尋安裝

① 下載 ZIP → 後台「外掛 › 安裝外掛 › 上傳外掛」
② 後台搜尋「Midgardsson Accessibility Toolkit」→ 直接安裝(推薦)
📦 歷史版本下載

原文外掛簡介

Make your WordPress website accessible to all users with this comprehensive accessibility toolkit. Perfect for improving inclusivity and meeting WCAG 2.1 Level AA compliance standards.
Key Features
🔤 Font Size Control
Increase, decrease, or reset font size with easy-to-use buttons. Maximum font size limit prevents layout issues while ensuring readability.
📖 Dyslexia-Friendly Font
Toggle OpenDyslexic font instantly across your entire site. The embedded font improves readability for users with dyslexia without external requests.
🌙 Dark Mode
Material Design standard dark mode (#121212 background) with customizable colors and adjustable opacity. Reduces eye strain during extended reading sessions.
⚫⚪ High Contrast Mode
WCAG AAA compliant high contrast mode with black background and yellow text. Enhances visibility for users with visual impairments.
📍 Flexible Widget Positioning
Choose from four positioning modes:
* Floating: Circular button positioned anywhere (customizable px/%)
* Edge Left: Rectangle button attached to left edge
* Edge Right: Rectangle button attached to right edge
* Edge Bottom: Rectangle button attached to bottom edge
🌍 Translation Ready
Fully internationalized with WordPress i18n standards. English included, easy to add your language.
Accessibility Standards

WCAG 2.1 Level AA compliant
Keyboard navigation support
ARIA labels and roles
Focus management
High contrast mode meets WCAG AAA standards

Performance

Lightweight CSS and JavaScript
Embedded font files (no external requests)
LocalStorage with cookie fallback
Efficient DOM manipulation
No impact on page load times

User-Friendly
All user preferences are automatically saved and restored on subsequent visits using browser storage.
Configuration
After activation, navigate to Settings → Accessibility Toolkit:
Widget Position Settings
* Choose positioning mode (Floating, Edge Left, Edge Right, Edge Bottom)
* Set precise offsets using pixels or percentages
* Configure maximum font size limit
Dark Mode Settings
* Customize background color (default: #121212)
* Set text color (default: #ffffff)
* Adjust background opacity (0.0 – 1.0)
High Contrast Settings
* Customize background color (default: #000000)
* Set text color (default: #ffff00)
Technical Details
Browser Compatibility
* Chrome, Firefox, Safari, Edge (latest versions)
* Mobile browsers (iOS Safari, Chrome Mobile)
* Touch-friendly interface
Requirements
* WordPress 5.0 or higher
* PHP 7.0 or higher
* jQuery (included with WordPress)
File Structure
* Clean, organized codebase
* Follows WordPress coding standards
* Security best practices (nonces, escaping, sanitization)
* Translation ready
Support
For support, feature requests, or bug reports:
* GitHub: https://github.com/Midgardsson/wp-accessibility-plugin/issues
* WordPress.org Support Forum
Credits

OpenDyslexic font by Abelardo Gonzalez
Material Design color standards by Google
WCAG guidelines by W3C
Developed by Midgardsson

Privacy
This plugin stores user accessibility preferences locally in the browser using:
* localStorage (primary method)
* Cookies (fallback method)
No data is sent to external servers. All preferences remain on the user’s device.

延伸相關外掛

文章
Filter
Mastodon