[WordPress] 外掛分享: Editoria11y Accessibility Checker

WordPress 外掛 Editoria11y Accessibility Checker 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「Editoria11y Accessibility Checker」是 2023-02-01 上架。
  • 目前有 400 個安裝啟用數。
  • 上一次更新是 2025-04-09,距離現在已有 25 天。
  • 外掛最低要求 WordPress 6.0 以上版本才可以安裝。
  • 外掛要求網站主機運作至少需要 PHP 版本 7.2 以上。
  • 有 5 人給過評分。
  • 論壇上目前有 2 個提問,問題解答率 100% ,不低,算是個很有心解決問題的開發者團隊了!

外掛協作開發者

partyka | itmaybejj |

外掛標籤

seo | Automated Testing | quality assurance | accessibility checker |

內容簡介

Editoria11y(“editorial accessibility ally”)是一個專門設計給作者工作流的品質保證工具,具備以下特點:

提供即時回饋。作者不需要記得按下按鈕或造訪儀表板檢查其工作。
在頁面上下文中進行檢查,而不僅限於文章編輯器中,以測試在小工具或主題功能中編輯的內容。
專注於內容問題:協助作者改進其責任範圍內的問題。

它是為開發人員設計的工具和測試實踐的補充,而非取代之用,以測試您的代碼和視覺設計。

作者體驗

請查看檢查器本身的演示。

當已登入的作者和編輯查看已發佈或預覽頁面時,Editoria11y的切換會顯示當前頁面是否存在任何問題。
單擊切換可打開檢查器的主面板。警報將放置在具有問題的內容上,帶有工具提示,以說明每個問題以及需要採取的操作。如果問題不是關鍵的或寫得可能是OK的,則提供了在此頁面上或對所有用戶(“標記為已檢查和OK ”)中隱藏警報的按鈕。
當Editoria11y在剛編輯的頁面上找到新問題時,主面板會自動彈出。
主面板還允許作者跳轉到下一個問題,恢復先前被忽略的警報,視覺化頁面上圖像的文本替代品(“alts”),以及查看文件的標題大綱。
可選擇,檢查器還可以在作者編輯內容時將具有問題的區塊繪製輪廓。

管理員體驗

可篩選的報告讓您探索最近的問題,哪些頁面存在最多問題,哪些問題最常見,哪些問題已被忽略。隨著內容的查看和更新,這些報告會更新。
提供各種設置,以將檢查限制為頁面的特定部分,並調整幾個測試的靈敏度。

請注意,所有這些操作都在您的站點內本地運行。這個外掛是免費和開源的Editoria11y庫的WordPress適配版。測試在瀏覽器中運行,發現存儲在您自己的數據庫中,不會被發送到任何第三方。

測試

以下是進行的測試:

圖像的文本替代品

沒有alt文本的圖像
將文件名用作alt文本的圖像
非常長的alt文本圖像
包含冗餘文本(如“圖像”或“照片”)的alt文本
圖像鏈接中的alt文本似乎在描述圖像而不是鏈接目的地
通常需要文本替代品的嵌入式可視化

有意義的鏈接

沒有文本的鏈接
以文件名命名的鏈接
僅以通用文本(如“點擊此處”、“瞭解更多”、“下載”等)命名的鏈接
未警告就打開新窗口的鏈接

文檔大綱和結構

略過的標題級別
空標題
非常長的標題
可能實際上是標題的可疑短引用塊
沒有標點符號的所有粗體段落,這可能實際上是標題

原文外掛簡介

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

It provides instant feedback. 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.
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.

各版本下載點

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

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


1.0.0 | 1.0.1 | 1.0.2 | 1.0.3 | 1.0.4 | 1.0.5 | 1.0.6 | 1.0.7 | 1.0.8 | 1.0.9 | 2.0.0 | 2.0.1 | 2.0.2 | 2.0.3 | 2.0.4 | 2.0.5 | 2.0.6 | 2.0.7 | 2.0.8 | 2.0.9 | trunk | 1.0.10 | 1.0.11 | 1.0.12 | 1.0.13 | 1.0.14 | 1.0.15 | 1.0.16 | 1.0.17 | 1.0.18 | 1.0.19 | 1.0.20 | 1.0.21 | 2.0.10 | 2.0.11 |

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

文章
Filter
Mastodon