[WordPress] 外掛分享： LivQ AccessFix – EAA & A11y AutoFix

內容簡介

LivQ AccessFix – EAA & A11y AutoFix 自動應用 WCAG 2.2 AA 和歐洲無障礙法案 (EAA) 的修正，透過 PHP 輸出緩衝攔截完整的 HTML，確保無障礙性修正是實質的，而非僅是外觀上的。

【主要功能】
• 自動修正原始 HTML，確保無障礙性
• 支援外部連結標籤，增強可讀性
• 提供跳過導航連結，提升使用體驗
• 修正裝飾性圖片的 alt 屬性
• 注入高對比焦點 CSS，改善可見性
• 增加導航連結的無障礙屬性

外掛標籤

開發者團隊

原文外掛簡介

LivQ AccessFix – EAA & A11y AutoFix applies WCAG 2.2 AA and European Accessibility Act (EAA) remediations automatically, intercepting the full rendered HTML via PHP output buffering before it reaches the browser – not after, not via JavaScript overlay.
Every module can be independently enabled or disabled from Settings → LivQ AccessFix.
Why server-side matters
JS-based accessibility overlays (widgets, injected scripts) patch the DOM after the browser renders it. The original HTML – the one Google indexes, axe-core audits, and screen readers without JS see – remains unmodified. LivQ AccessFix fixes the source HTML itself, so the correction is real, not cosmetic.
Frontend Modules
External Link Labelling (WCAG 2.4.4)
Intercepts the entire rendered page via PHP output buffer and appends a visually-hidden screen-reader notice to every link. Also merges rel="noopener noreferrer" into existing rel values to prevent reverse tab-napping. Covers links generated by theme PHP, social share plugins, widget areas – not just the_content.
Skip Navigation Link (WCAG 2.4.1)
Injects a skip link as the first focusable element after via wp_body_open. Target ID is configurable and auto-detectable from the admin. Visually hidden until focused.
Decorative Image Alt Fix (WCAG 1.1.1)
Ensures images without meaningful alt text carry an explicit alt="" via wp_get_attachment_image_attributes. Also hooks render_block_core/image to fix images in Full Site Editor templates and block themes where the attachment filter does not fire.
High-Contrast Focus CSS (WCAG 2.4.11)
Injects a focus-visible rule (3 px solid #0056b3 + glow) as inline CSS, overriding common theme patterns of outline: none without modifying any theme file.
Menu Accessibility Helper (WCAG 4.1.2)
Adds aria-haspopup="true" and aria-expanded="false/true" to navigation links that control sub-menus, with a small Vanilla JS event handler (no jQuery) toggling state on click, Enter, Space, and Escape.
HTML Output Remediations (EAA)
Nameless Link Fix (WCAG 2.4.4 / 4.1.2)
Detects links whose only content is an image with empty alt or an SVG icon – a pattern ubiquitous in sponsor logos, partner logos, and social media icon rows. Automatically derives aria-label from: img title, link title, recognised social domain (Facebook, Instagram, YouTube, LinkedIn, and more), or the capitalised hostname as a final fallback.
Iframe Title Fix (WCAG 4.1.2)
Adds a title attribute to every