{"id":246670,"date":"2025-09-26T08:32:28","date_gmt":"2025-09-26T08:32:28","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/accessibility-helper-wr\/"},"modified":"2025-09-26T08:55:49","modified_gmt":"2025-09-26T08:55:49","slug":"accessibility-helper-wr","status":"publish","type":"plugin","link":"https:\/\/twd.wordpress.org\/plugins\/accessibility-helper-wr\/","author":23346915,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"2.1","stable_tag":"trunk","tested":"6.8.5","requires":"5.3","requires_php":"7.2","requires_plugins":null,"header_name":"Accessibility Helper","header_author":"William Reekie","header_description":"Adds accessibility options: font size control, change font style (easier to read font), image alt text reading, color blind options, and customizable UI.","assets_banners_color":"","last_updated":"2025-09-26 08:55:49","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"","rating":0,"author_block_rating":0,"active_installs":10,"downloads":314,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation"],"tags":[],"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-256x256.jpg":{"filename":"icon-256x256.jpg","revision":3368325,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":[],"assets_blueprints":{},"all_blocks":[],"tagged_versions":[],"block_files":[],"assets_screenshots":{"screenshot-1.PNG":{"filename":"screenshot-1.PNG","revision":3368325,"resolution":"1","location":"assets","locale":""},"screenshot-2.PNG":{"filename":"screenshot-2.PNG","revision":3368325,"resolution":"2","location":"assets","locale":""},"screenshot-3.PNG":{"filename":"screenshot-3.PNG","revision":3368325,"resolution":"3","location":"assets","locale":""}},"screenshots":{"1":"The main accessibility panel","2":"Settings page with customisation options.","3":"Example of read images function."},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[1953,248407,70000,248406,1079],"plugin_category":[34],"plugin_contributors":[],"plugin_business_model":[],"class_list":["post-246670","plugin","type-plugin","status-publish","hentry","plugin_tags-accessibility","plugin_tags-color-blind","plugin_tags-dyslexia","plugin_tags-dyslexic","plugin_tags-font","plugin_category-accessibility","plugin_committers-willreekie80"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/accessibility-helper-wr\/assets\/icon-256x256.jpg?rev=3368325","icon_2x":"https:\/\/ps.w.org\/accessibility-helper-wr\/assets\/icon-256x256.jpg?rev=3368325","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/accessibility-helper-wr\/assets\/screenshot-1.PNG?rev=3368325","caption":"The main accessibility panel"},{"src":"https:\/\/ps.w.org\/accessibility-helper-wr\/assets\/screenshot-2.PNG?rev=3368325","caption":"Settings page with customisation options."},{"src":"https:\/\/ps.w.org\/accessibility-helper-wr\/assets\/screenshot-3.PNG?rev=3368325","caption":"Example of read images function."}],"raw_content":"<!--section=description-->\n<p>Accessibility Helper is a WordPress plugin designed to make your website more accessible for everyone. It provides an easy-to-use panel that lets visitors adjust font size, switch to a dyslexia-friendly font, hear image descriptions read aloud, and apply color schemes for common types of color blindness \u2014 all with customizable colors and styles to match your site\u2019s branding.<\/p>\n\n\n\n<h3>Features<\/h3>\n\n<ul>\n<li><strong>Font Size Control:<\/strong> Visitors can scale text up or down for better readability.<\/li>\n<li><strong>Readable Font:<\/strong> Switch to the Open Dyslexic font for easier reading.<\/li>\n<li><strong>Image Alt Text Reader:<\/strong> Hovering over images reads out their alt text.<\/li>\n<li><strong>Color Filters:<\/strong> Apply brightness, contrast, saturation and hue color filters, by using the sliders. Adjust to the users own preference.<\/li>\n<li><strong>Color Blind Modes:<\/strong> Apply contrast schemes for Protanopia, Deuteranopia, Tritanopia and Achromatopsia.<\/li>\n<li><strong>Fully Customizable:<\/strong> Adjust button colors, text colors, and panel position.<\/li>\n<li><strong>Remembers Preferences:<\/strong> Uses <code>localStorage<\/code> to remember user settings.<\/li>\n<li><strong>Lightweight:<\/strong> Loads only what\u2019s needed, and works on any theme.<\/li>\n<li><strong>Keyboard Shortut:<\/strong> Pressing ALT, SHIFT and A will open the panel.<\/li>\n<\/ul>\n\n\n\n<h3>How It Works<\/h3>\n\n<ul>\n<li>The plugin wraps your page content in a container that scales with the font size controls.<\/li>\n<li>The panel is positioned in one of four corners based on your admin settings.<\/li>\n<li>The dyslexic font is loaded via internal files.<\/li>\n<li>For screen readers and visual aid, the alt text reader uses <code>speechSynthesis<\/code> to speak out image descriptions on hover.<\/li>\n<li>Color blind schemes are applied using the different sliders that adapt your theme for color blindness.  <\/li>\n<li>There is a color contrast validation to ensure that there are no contrasting colors whilst customising the plugin between the background color, button color and text color.<\/li>\n<\/ul>\n\n- First time load up, a notification pops up that mentions about using keyboard shortcode to access panel.\n\n<h3>Requirements<\/h3>\n\n<ul>\n<li>WordPress 5.0+ recommended<\/li>\n<li>jQuery must be available (most themes already include it)<\/li>\n<\/ul>\n\n\n\n<h3>Known Limitations<\/h3>\n\n<ul>\n<li>The image alt text reader relies on the browser\u2019s <code>speechSynthesis<\/code> API \u2014 supported in most modern browsers but not all.<\/li>\n<li>The plugin applies a page wrapper (<code>#accessibility-page-wrapper<\/code>) for scaling \u2014 very rare conflicts could occur if your theme or other plugins rely on the same ID.<\/li>\n<\/ul>\n\n\n\n<h3>Developer Notes<\/h3>\n\n<ul>\n<li>Settings are stored in the WordPress options table.<\/li>\n<li>User preferences (font scale, readable font, color blind mode, alt reader and color sliders) are saved in <code>localStorage<\/code> for persistence.<\/li>\n<li>Styling is handled with a separate <code>style.css<\/code> file \u2014 feel free to customize it further.<\/li>\n<\/ul>\n\n\n\n<h3>Support<\/h3>\n\n<p>If you find a bug, have a feature request, or need help, feel free to reach out to [will_reekie@icloud.com].<\/p>\n\n\n\n<h3>Credits<\/h3>\n\n<p>Open Dyslexic font by Abbie Gonzalez<br \/>\n<a href=\"https:\/\/www.jsdelivr.com\/\">jsDelivr<\/a><\/p>\n\n\n\n<h3>License<\/h3>\n\n<p>This plugin is released under the <a href=\"https:\/\/www.gnu.org\/licenses\/gpl-3.0.html\">GPLv3 or later<\/a>.<\/p>\n\n\n\n<p><strong>Happy building a more inclusive web!<\/strong><\/p>\n\n<!--section=installation-->\n<ol>\n<li><p><strong>Download the Plugin<\/strong><\/p>\n\n<ul>\n<li>Clone or download this repository, or copy the PHP, JS, and CSS files into a new folder named <code>accessibility-helper<\/code>.<\/li>\n<\/ul><\/li>\n<li><p><strong>Upload to WordPress<\/strong><\/p>\n\n<ul>\n<li>Upload the <code>accessibility-helper<\/code> folder to your WordPress site\u2019s <code>wp-content\/plugins\/<\/code> directory.<\/li>\n<\/ul><\/li>\n<li><p><strong>Activate<\/strong><\/p>\n\n<ul>\n<li>Go to your WordPress dashboard \u2192 <strong>Plugins<\/strong> \u2192 find <strong>Accessibility Helper<\/strong> \u2192 click <strong>Activate<\/strong>.<\/li>\n<\/ul><\/li>\n<li><p><strong>Configure (Optional)<\/strong><\/p>\n\n<ul>\n<li>After activation, a new <strong>Accessibility Helper<\/strong> menu item will appear in the WordPress admin sidebar.<\/li>\n<li>Use the settings page to customize colors and panel position.<\/li>\n<li>You can also reset all settings to default if needed.<\/li>\n<\/ul><\/li>\n<li><p><strong>Done!<\/strong><\/p>\n\n<ul>\n<li>The accessibility toggle icon will appear on your site\u2019s front end. Visitors can open it to adjust settings as they wish.<\/li>\n<\/ul><\/li>\n<\/ol>","raw_excerpt":"Adds accessibility options: font size control, change font style (easier to read font), image alt text reading, color blind options, and customizable UI.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/246670","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=246670"}],"author":[{"embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/willreekie80"}],"wp:attachment":[{"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=246670"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=246670"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=246670"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=246670"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=246670"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/twd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=246670"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}