[WordPress] 外掛分享: Editoria11y Accessibility Checker

首頁外掛目錄 › Editoria11y Accessibility Checker
WordPress 外掛 Editoria11y Accessibility Checker 的封面圖片
1,000+
安裝啟用
★★★★★
5/5 分(5 則評價)
11 天前
最後更新
100%
問題解決
WordPress 6.0+ PHP 7.2+ v2.1.12 上架:2023-02-01

內容簡介

Editoria11y Accessibility Checker 是一款為作者工作流程設計的質量保證工具,提供即時反饋,幫助作者在編輯過程中檢查內容的可及性問題,無需額外操作。

【主要功能】
• 即時反饋於編輯器中顯示問題
• 支援在小工具及佈景主題中檢查內容
• 提供手動檢查的選項與解決建議
• 可視化圖片的替代文字
• 管理員可過濾報告以檢查常見問題

外掛標籤

開發者團隊

⬇ 下載最新版 (v2.1.12) 或搜尋安裝

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

原文外掛簡介

Editoria11y (“editorial accessibility ally”) is a quality assurance tool built for an author’s workflow:

It provides instant feedback in the post and page editors. Authors do not need to remember to press a button or visit a dashboard to check their work.
It checks in context on pages, not just within the post editor, allowing it to test content edited in widgets or theme features.
It focuses exclusively on content issues: assisting authors at improving the things that are their responsibility.

This plugin is the WordPress adaptation of the open-source Editoria11y library. Tests run in the browser and findings are stored in your own database; nothing is sent to any third party. It is meant to supplement, not replace, testing your code and visual design with developer-focused tools and testing practices.
The authoring experience
Check out a demo of the checker itself.

When logged-in authors and editors are viewing pages, Editoria11y inserts tooltips marking any issues present on the current page. Issues are also highlighted while editing in the Block Editor (Gutenberg) and Classic Editor (TinyMCE).
Tooltips explain each problem and what actions are needed to resolve it. Some issues are “manual checks,” which have buttons to ignore the check or mark the content as OK.
Clicking the main toggle shows and hides the tooltips.
The main toggle also allows authors to jump to the next issue, restore previously dismissed alerts, visualize text alternatives for images on the page (“alts”), view the document’s heading outline, and view site-wide detection lists.

The admin experience

Filterable reports let you explore recent issues, which pages have the most issues, which issues are most common, and which issues have been dismissed. These populate and update when published content is viewed by logged-in authors.
Various settings are available to constrain checks to specific parts of the page and tweak the sensitivity of several tests.

The tests

Text alternatives for visual content

Images with no alt text
Images with a filename as alt text
Images with very long alt text
Images with fake alt text to get around field validation (e.g. “TBD”)
Alt text that contains redundant text like “image of” or “photo of”
Images in links with alt text that appears to be describing the image instead of the link destination
Embedded visualizations that usually require a text alternative

Meaningful links

Links with no text
Links titled with a filename
Links only titled with generic text: “click here,” “learn more,” “download,” etc.
Links that open in a new window without warning

Document outline and structure

Skipped heading levels
Empty headings
Very long headings
Suspiciously short blockquotes that may actually be headings
All-bold paragraphs with no punctuation that may actually be headings
Suspicious formatting that should probably be converted to a list (sequences of sentences that start with asterisks, emoji or incrementing numbers/letters)
Tables without headers
Empty table header cells
Tables with document headers (“Header 3”) instead of table headers

General quality assurance

LARGE QUANTITIES OF CAPS LOCK TEXT
Links to PDFs and other documents, reminding the user to test the download for accessibility or provide an alternate, accessible format
Video embeds, reminding the user to add closed captions
Audio embeds, reminding the user to provide a transcript
Social media embeds, reminding the user to provide alt attributes

Custom results provided by your JS

Credit
Editoria11y’s WordPress plugin is maintained by Princeton University’s Web Development Services team:

John Jameson: Editoria11y JS and CMS integrations
Jason Partyka: Devops
Brian Osborne: Code review
Michael Muzzie: Wapuu photos

Editoria11y began as a fork of the Toronto Metropolitan University’s Sa11y Accessibility Checker, and our teams regularly pass new code and ideas back and forth.

延伸相關外掛

文章
Filter
Apply Filters
Mastodon