內容簡介
總結:Easybility 是一個現代無障礙性小工具,讓訪客可以即時調整視覺呈現,而不會改變您的內容或主題。它設計用於低視力、色視障礙、閱讀困難和運動敏感性的使用者,遵循 WCAG 2.1 AA 指南和最佳實踐,尊重系統偏好,並保持您的標記不變。
問題與答案:
1. Easybility 的主要功能有哪些?
- 高對比度和視覺濾鏡:高對比度、去飽和、反轉,以及不同色盲模式。
- 可讀性控制:文字大小最多放大至 200%、可調整的間距(行高、字距、段落間距)、字體選項(襯線、無襯線、適合失讀症的字體)、內容寬度限制每行約 65 個字符、以最佳可讀性。
- 強調模式:強調連結、標題、按鈕或所有互動元素。
- 運動安全:一鍵停用所有動畫和轉換。
- 持久偏好:使用 localStorage 每個瀏覽器保存偏好設置(無 cookie、無跟踪)。
- 輕量和主題不可知性:零外部依賴、最小占用空間、不重寫佈局。
外掛標籤
開發者團隊
② 後台搜尋「Easybility – Visual Accessibility Tools」→ 直接安裝(推薦)
原文外掛簡介
Easybility adds a modern accessibility widget to your site, empowering visitors to adjust the visual presentation in real time without altering your content or theme. Designed for users with low vision, color-vision deficiencies, reading difficulties, and motion sensitivity, the toolkit follows WCAG 2.1 AA guidelines and best practices, respects system preferences, and keeps your markup untouched.
Key Features
High-contrast and visual filters
High contrast, desaturate, invert
Color-shift modes for protanopia, deuteranopia, tritanopia, and monochrome
Readability controls
Text size scaling up to 200% (WCAG 1.4.4)
Adjustable spacing (line height, letter spacing, paragraph spacing) (WCAG 1.4.12)
Font options: serif, sans-serif, and dyslexic-friendly
Content width limiting to ~65 characters per line for optimal readability (WCAG 1.4.8)
Highlight mode to emphasize links, headings, buttons, or all interactive elements
Motion safety
One-click disables all animations and transitions
Persistent preferences
Saves per-browser using localStorage (no cookies, no tracking)
Lightweight and theme-agnostic
Zero external dependencies, minimal footprint, no layout rewrites
