Lumen ARIA Blocks

外掛說明

Lumen ARIA Blocks helps you publish interactive content that stays usable for keyboard and assistive technology users, while remaining practical for editorial teams in Gutenberg.

Why teams use Lumen ARIA Blocks:

  • Better accessibility defaults out of the box (roles, states, keyboard behavior, focus handling).
  • SSR-first output for robust rendering and content continuity.
  • Theme-agnostic integration (works with any WordPress theme).
  • Privacy-friendly runtime (no telemetry, no tracking scripts).

How it works:

  • SSR-first dynamic blocks (content remains server-rendered).
  • Progressive enhancement with block-specific frontend scripts, enqueued only when the related block is rendered.
  • Runtime assets are served from your own WordPress site.
  • No third-party runtime libraries are bundled in this release.

Available blocks in this release:

  • Accordion
  • Button (action/link/toggle)
  • Carousel
  • Dialog
  • Popup
  • Tabs
  • Tooltip

This plugin is designed to work across themes and does not require coupling to a specific theme implementation.

Demo page: https://lumen.angelodelorenzo.it/lumen-aria-blocks

Accessibility Contract

Lumen ARIA Blocks targets WCAG 2.2 AA intent with:

  • keyboard-first interactions
  • ARIA roles/state mapping per component
  • focus-visible support
  • reduced-motion baseline (prefers-reduced-motion)
  • no-JS SSR fallback behavior for content continuity

ARIA contracts and QA checks are maintained in the release workflow and are not bundled in the plugin package.

Privacy

  • No analytics or telemetry are included.
  • No third-party tracking requests are sent by the plugin.
  • Runtime assets are loaded from your own WordPress site.

Third-Party Libraries

  • No third-party runtime libraries are bundled in this plugin release.
  • THIRD_PARTY_NOTICES.txt remains included as distribution metadata.

螢幕擷圖

  • Accordion block in frontend output with accessible disclosure behavior and clear section structure.
  • Accordion block in the editor with configurable items and settings for structured editorial content.
  • Dialog block in frontend output showing a focused modal interaction for task-bound content.
  • Button block in the editor with support for action, link, and toggle use cases.
  • Carousel block in frontend output with keyboard-operable controls and visible slide navigation.
  • Tooltip block in the editor with settings for concise contextual help and controlled interaction behavior.

適用於區塊編輯器

這個外掛提供 7 個可供 Gutenberg/區塊編輯器使用的區塊。

  • Carousel Accessible carousel powered by runtime setCarousel.
  • Dialog Accessible dialog with modal and alert variants.
  • Accordion Accessible accordion with ARIA-aware controls and keyboard support.
  • Tooltip Accessible tooltip with runtime enhancement and keyboard-safe fallback.
  • Popup Accessible popup with runtime enhancement and keyboard fallback.
  • Tabs Accessible tabs with keyboard navigation and ARIA semantics.
  • Button Accessible button/toggle button powered by runtime Button module.

安裝方式

  1. Upload the plugin folder to /wp-content/plugins/lumen-aria-blocks.
  2. Activate Lumen ARIA Blocks from the Plugins screen.
  3. In the block editor, open category Lumen Accessibility.
  4. Insert blocks and configure attributes from block settings.

常見問題集

Does this plugin work without JavaScript?

Core content is server-rendered. Interactive enhancements require JavaScript, but the main content remains present in the markup.

Does this plugin load external CDNs?

No. Runtime assets are served from your WordPress site.

Is third-party code bundled?

No. This release does not bundle third-party runtime libraries. See THIRD_PARTY_NOTICES.txt for distribution details.

Which blocks are included?

Accordion, Button, Carousel, Dialog, Popup, Tabs, and Tooltip.

使用者評論

這個外掛目前沒有任何使用者評論。

參與者及開發者

以下人員參與了開源軟體〈Lumen ARIA Blocks〉的開發相關工作。

參與者

將〈Lumen ARIA Blocks〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

0.5.0

  • Refined popup behavior to keep it contextual and non-modal in normal keyboard flow.
  • Narrowed tooltip runtime semantics and limited expanded-controls state to manual mode.
  • Improved carousel autoplay behavior for reduced-motion users and keyboard interaction with controls.
  • Strengthened modal dialog guarantees around focus trapping, background masking, and focus return.
  • Expanded release-grade keyboard coverage for popup, tooltip, carousel, and dialog behavior.

0.4.0

  • Introduced the first WordPress.org-ready public release.
  • Added seven stable accessibility-focused blocks for editorial use.
  • Strengthened keyboard, focus, and no-JS behavior across the block set.
  • Improved runtime reliability and release validation for production use.
  • Included release compliance metadata and third-party notices.

0.3.0

  • Replaced full module preload strategy with block-scoped runtime initialization.
  • Added deterministic runtime initialization safeguards.
  • Hardened dialog/popup/tabs/tooltip behavior for interaction parity.

0.2.18

  • Split scope to editorial/content blocks only.