Simple Accessible Spoilers

Description

Create fully accessible content spoilers or accordions with a shortcode.

  1. Fully accessible to screen reader users
  2. Creates a flexible spoiler shortcode
  3. Override design in theme CSS files

Sample Code

[spoiler title=”Sample Code” initial_state=”expanded” tag=”h2″]
Include content here
[/spoiler]

Attributes

title: should include the clickable text to be displayed in your accordion
initial_state: values include collapsed or expanded, default to “collapsed”
tag: values include any typical html tag but a heading tag should be used for accessibility, defaults to H2

Installation

  1. Install via WordPress Dashboard or upload simple-accessible-spoilers.zip;
  2. Activate the plugin through the ‘Plugins’ menu in WordPress;
  3. Use “spoiler” shortcode in your content;

FAQ

How can I customize design of the spoiler?

Override the styles found in styles/simple-accessible-spoilers-styles.css in your theme css files

Contributors & Developers

“Simple Accessible Spoilers” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.0.2

  1. corrected php not object error when post object is not found in a page
  2. added jquery dependency to wp_register_script to correct jquery not being loaded in some themes

1.0.1

  1. corrected bug with scripts not enqueue as expected
  2. added dashboard messages