The accessible_reading_content shortcode allows you to add pre-made accessible content anywhere on your WordPress website that a toggle switch will display when turned on. This is a great way to create accessible content when you don’t have an API key or simply want more control over how it’s formatted and displayed. You can simply use the Bionic Reading web app to copy/paste content, process it, and then copy/paste the output into the content of this shortcode.
To use it, wrap the accessible content with the shortcode. For example:
[accessible_reading_content]<span class=”bionic-w bionic”><b class=”bionic-b bionic”>Lor</b>em</span> <span class=”bionic-w bionic”><b class=”bionic-b bionic”>ips</b>um</span> <span class=”bionic-w bionic”><b class=”bionic-b bionic”>dol</b>or</span> <span class=”bionic-w bionic”><b class=”bionic-b bionic”>s</b>it</span> <span class=”bionic-w bionic”><b class=”bionic-b bionic”>am</b>et.</span>[/accessible_reading_content]You can optionally add additional HTML classes to the outermost wrapper by setting the value to the classes attribute. If setting multiple classes, they should be separated by a single space. For example:
[accessible_reading_content classes="custom-class-1 custom-class-2"]<span class=”bionic-w bionic”><b class=”bionic-b bionic”>Lor</b>em</span> <span class=”bionic-w bionic”><b class=”bionic-b bionic”>ips</b>um</span> <span class=”bionic-w bionic”><b class=”bionic-b bionic”>dol</b>or</span> <span class=”bionic-w bionic”><b class=”bionic-b bionic”>s</b>it</span> <span class=”bionic-w bionic”><b class=”bionic-b bionic”>am</b>et.</span>[/accessible_reading_content]