Simple Accessible Spoilers

Simple Accessible Spoilers

€0

Create fully accessible content spoilers or accordions with a shortcode. Fully accessible to screen reader users Creates a flexible spoiler shortcode Define groups of accordions to clo

Version

1.0.12
Last updated

2023.12.16
Active installations

100
WordPress Version

3.9.1
Tested up to

6.4.2
PHP Version

5.6
Rating

5.00
Total ratings

1
Tag
Go back
View on WordPress site

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. Define groups of accordions to close open accordions when another in the same group is opened.
  4. Override design in theme CSS files

Sample Code

[spoiler title="Sample Code" initial_state="expanded" tag="h2" group="a"]
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”
group: any alphanumeric value. used to define a group of accordions. when one accordion is opened all other items in the group will be closed.
tag: values include any typical html tag but a heading tag should be used for accessibility, defaults to H2