Make your website more accessible by offering a reading accommodation to your disabled and neurodivergent readers by adding Bionic Reading® as a font …
Your brain reads faster than your eyes! We humans have an internal dictionary of learned words and reading the first few letters can be enough to recognize whole words.
Bionic Reading® is a new method facilitating the reading process by guiding the eyes through text with artificial fixation points. As a result, the reader is only focusing on the highlighted initial letters and lets the bran center complete the word. In a digital world dominated by shallow forms of reading, Bionic Reading® aims to encourage more in-depth reading and understanding of written content.
Learn More about Bionic Reading®.
This WordPress plugin is not a product of Bionic Reading®. It was developed by an independent and disabled developer that wants to bring more accessibility to the digital space. This plugin uses the official Bionic Reading API to generate accessible text so an API key is needed after plugin activation. Free and paid plans are available.
There are three (3) ways to install my plugin: automatically, upload, or manually.
Automatic installation is the easiest option as WordPress handles the file transfers itself and you don’t need to leave your web browser.
This method involves is a little more involved. You don’t need to leave your web browser, but you’ll need to download and then upload the files yourself.
This method is the most involved as it requires you to be familiar with the process of transferring files using an SFTP client.
accessible-reading
./wp-content/plugins/
folder in your WordPress directory. Once the folder and all of its files are there, installation is complete.This plugin uses the Bionic Reading® API to generate accessible text and it requires each user to have a unique API key.
You can set the API key for the plugin in two ways.
The first way is adding it in the plugin settings. While logged into WordPress, navigate to Tools > Accessible Reading and then under the Settings tab, you’ll see a text field for API Key to copy/pase it into. Press the Save All Settings button at the bottom.
The second way is defining the ACCESSIBLE_READING_API_KEY
constant variable in your wp-config.php
file and setting it’s value to your API key. For multisite installations, this will set all of those sites to use the same API key. Example usage:
define(‘ACCESSIBLE_READING_API_KEY’,’your-api-key-goes-here’);
The accessible_reading
shortcode allows you to add accessible text with a toggle switch anywhere on your WordPress website. To ensure your shortcode’s accessible content is automatically generated, a user with edit post
capabilities must preview the page using the shortcode at least once while you have enough API requests for the day.
To use it, simply wrap the text you want to make accessible with the shortcode while also adding an id
attribute. For example:
[accessible_reading id=”foo”]This content will become accessible![/accessible_reading]
This shortcode will also add the toggle switch to enable/disable the accessible content automatically, so if you’re using it in multiple locations and want just one switch, set the hide_toggle
attribute to 1
to disable it like this:
[accessible_reading id=”bar” hide_toggle=”1″]This content will become accessible but without showing a toggle![/accessible_reading]
This shortcode saves it’s content to a post’s meta data, so if you’re using it in a global area of your website like your header, footer, or sidebar, you should assign the shortcode a post or page ID to save it once to avoid saving it to every post or page it’s visible on like this:
[accessible_reading id=”david” post_id=”23″]This content will always save and pull it’s accessible content from post ID 23[/accessible_reading]
If you want to temporarily disable the automatic processing without removing the shortcode, you can set the disable
attribute to 1
like this:
[accessible_reading id=”bowie” disabled=”1″]This content won’t be accessible, nor will it have a toggle. Yet.[/accessible_reading]
The accessible_reading_toggle
shortcode allows you to add a toggle switch anywhere on your WordPress website. To use it, simply place the self-closing shortcode anywhere on your WordPress website. For example:
[accessible_reading_toggle/]
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.
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]
To complement the accessible_reading_content
shortcode, the accessible_reading_original_content
shortcode allows you to add the original content that a toggle switch will hide when accessible reading is turned on.
To use it, simply wrap the original content with the shortcode. For example:
[accessible_reading_original_content]Lorem ipsum dolor sit amet.[/accessible_reading_original_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_original_content classes=”custom-class-1 custom-class-2″]Lorem ipsum dolor sit amet.[/accessible_reading_original_content]
Yes! In the plugin settings (Tools > Accessible Reading), you’ll find the “Bulk Update” tab. There you can configure a bulk update. Starting a dry-run first will tell you how many API requests will be used and approximately how long it will take.
This feature uses the WordPres CRON to reduce your server’s load and respects your plan’s daily API limit to prevent overages. If your bulk update uses more than what your plan allows, it will automatically schedule to continue the next day, so larger websites may take a few days to complete.
No, this WordPress plugin is not a product of Bionic Reading®. It was developed by an independent and disabled web developer that wants to bring more accessibility to the digital space. However, this plugin uses the official Bionic Reading® API to generate accessible text. If you pay for a premium API plan, that money goes toward the official makers of Bionic Reading®, not this plugin developer. If you want to support this plugin developer, donations are appreciated!
Release Date: October 9, 2022
inc
folder to includes
for consistency with my other pluginsACCESSIBLEREADING_VERSION
constant variableRelase Date: September 27, 2022
Relase Date: September 26, 2022
Relase Date: September 25, 2022
accessible_reading
shortcode that requires an id
attribute to generate accessible content anywhere on the websiteaccessible_reading_toggle
shortcode to display the toggle button anywhere on the pageaccessible_reading_original_content
shortcode to display the original text that gets hidden when accessible content is toggled on anywhere on the pageaccessible_reading_content
shortcode to display accessible content that gets displayed when accessible content is toggled on anywhere on the pageRelease Date: September 18, 2022
Release Date: August 17, 2022
Release Date: August 16, 2022
Release Date: June 23, 2022
Release Date: June 23, 2022
Release Date: June 17, 2022
Release Date: June 16, 2022
Release Date: June 2, 2022
Release Date: June 2, 2022
Release Date: June 1, 2022