This tutorial is kindly provided by the plugin developer.
You can access the full plugin's documentation here: https://wordpress.org/plugins/wp-accessibility-helper/
WP Accessibility Helper sidebar provides the basic accessibility tools and helps your site to be much more accessible.
1. Full list of the plugin features:
- Contrast mode (color gamma)
- Font size (rem or zoom)
- Unload all css files (display page in raw html)
- Underline all links
- Highlight all links
- Attachments control center with ability add/edit images titles and alt tags ( screenshot #4 )
-
Alt+Z
- open accessibility sidebar -
Alt+X
- close accessibility sidebar - more info about accesskeys HERE
- Control all attachments images from one place with AJAX functions
-
role="link"
for eacha
tag - Remove title attributes from links
- HTML5 Landmark control center ( screenshot #5 )
- Save contrast mode with user cookies
- Clear selection from cookies
- Hide for mobile devices - controls
- Sidebar position (left or right)
- Greyscale images controls
- Dark & Light Themes controls
- Font family controls (CSS Web Safe Font Combinations)
- Invert colors & images mode
- Remove CSS Animations option
- Readable Font option (quick swtich to Arial font family)
- Sortable widgets order (drag and drop)
- DOM Scanner - check pages and post for accessibility errors, like: image alt, links role and titles, and much more.
About the plugin author:
- created and supported by Alex Volkov
- official plugin page HERE
Video
WP Accessibility Helper Attachments control screen
Live DEMO
Donate & Docs
Important Notice!
WP Accessibility Helper makes it possible to improve accessibility on your website, but in any case does not guarantee 100% result (at any level: A, AA, AAA). In order for your site to be at 100% accessible to people with disabilities, you should consult an expert.
More information about "what is web accessibility?" you can find here:https://www.w3.org/standards/webdesign/accessibility
2. Installation
- Upload the plugin files to the
/wp-content/plugins/wp-accessibility-helper
directory, or install the plugin through the WordPress plugins screen directly. - Activate the plugin through the 'Plugins' screen in WordPress
- Use the Accessibility screen to configure the plugin
-
Accessibility
admin menu - the main plugin options -
Attachments Control
- allows you control all images uploaded to media -
Landmark & CSS
- ARIA, HTML5 and custom CSS properties -
Contribute
- Contribute =)
-
WP Accessibility Helper Settings Page ( screenshot #1 )
-
-
WP Accessibility Helper Settings Page - part 2 ( screenshot #1 )
-
-
WP Accessibility Helper Front-end opened sidebar ( screenshot #3 )
-
-
WP Accessibility Helper Attachments control center (admin-side) ( screenshot #4 )
-
-
WP Accessibility Helper Landmark control center (admin-side) ( screenshot #5 )
-
-
WP Accessibility Helper Sidebar with "Rowling" WordPress Theme ( screenshot #6 )
-
-
WP Accessibility Helper Sortable Widgets