Public live demo

Accessible Announcement Modal for WordPress.

Try three fictional announcements below. This page uses the exact public CSS and JavaScript shipped with version 0.1.0, including keyboard focus management, Escape-to-close, backdrop closing, and one active modal at a time.

Planned maintenance

Use a clear blue announcement for a scheduled service window or other time-sensitive operational notice.

Policy reminder

Use the green theme for a concise reminder with a link to supporting information visitors may need.

Service notice

Use the charcoal theme for a simple product or service update while retaining the same accessible behavior.

Keyboard-accessible behavior

Focus stays with the active announcement.

Opening a modal moves focus to its close control. Tab and Shift+Tab stay inside the dialog, Escape closes it, and focus returns to the button that opened it. Opening another announcement closes the first. Editors may choose manual opening or one delayed automatic announcement.

  1. Choose the messageReplace every fictional example with current, accurate content.
  2. Select a themeUse blue, green, or charcoal without changing the interaction model.
  3. Set the opening behaviorChoose a manual button or a bounded delay from 0 to 30 seconds.

Marketplace checkout

Get Accessible Announcement Modal for $29.

Purchase and file delivery are handled by Codester. The plugin does not add frontend cookies, browser storage, analytics, or remote requests. This CTS demonstration page remains subject to the site-wide analytics choices described in the Website Privacy Policy.