michaelb4g

This free plugin is intended to help you make your website more accessible.
It is responsive and works on desktop computers & mobile devices
You can dock the accessibility panel to any of the 4 sides in desktops and to 2 sides in mobile devices
The accessibility panel opens from an toggle icon that can be set to any of the 4 corners from the admin option panel
All the icons have a keyboard shortcut so you can control the accessibility from the keyboard even with the accessibility panel hidden 
If you know any other language beside English and want to help translating the icons names to other languages please leave me a message with your email
LEGAL DISCLAIMER: 
This plugin does not guarantee that your website will comply with any regulations. 
You can download it and install it at your own risk. 
All information has been obtained from sources, which are believed to be reliable, but accuracy and thoroughness cannot be guaranteed. Readers are solely responsible for how they use this plugin and for their results.
<h3>WordPress Admin Options</h3>
WordPress Admin Options (under WordPress Control Panel->Plugins->cool-accessibility): 
Cool Accessibilty Declaration & Icon Screen position Settings 
1. Accessibilty Declaration Page Slug (URL ) 
default page slug: site_url/website-accessibility-declaration 
(Accessibilty Declaration example at the end of this file) 
if you have multiple languages and you are using the Polylang plugin, cool-accessibility plugin will pick the parallel page in the current language
<ol>
<li>
Accessability Icon position: 
Bottom-right (default) 
Bottom-left 
Top-right 
Top-left
</li>
<li>
Skip menu settings
</li>
<li>
Highlight link color override
</li>
<li>
Highlight title background color override
</li>
</ol>
<h3>Advance settings for website developers</h3>
FONT SIZE:
<h3></h3>
changing the font size intenially doesn’t affect the tag
HIGHLIGHT_LINKS:
<h3></h3>
toggles the class ‘coolaxs_highlight_links’ in all the header tags ( “:focusable,a” )
HIGHLIGHT_TITLES:
<h3></h3>
toggles the class “coolaxs_highlight_titles_colors” in all the header tags (‘h1,h2,h3,h4,h5,h6’)
READABLE_FONT:
<h3></h3>
toggles the class “coolaxs_readable_font”
Keyboard Navigation (Tab / shift Tab icon)
<h3></h3>
if you want to change things in css – this icon adds the folowing class: 
 coolaxs_focus_css_activated
Keyboard Navigation Skip Menu:
<h3></h3>
the “skip to page content” message with fixed position is added to the top of the page 
with a css z-index:99 (because the zoom-text magnify glass of the cool-accessibility plug-in should be on top of that) 
 if there is a
<
nav> tag in the page
so this means that if there is a fixed header on the top of the page its z-index should be less than 99
PREVENT ANIMATION:
<h3></h3>
1. 
 // the following suffix should be at every animated gif or static so javascript could toggle between them automatically 
 var str_normal_image = “_static.gif”; 
 var str_animated_gif_image = “_animated.gif”;
2.
the plug in also toggles between these 2 embeded video autoplay modes 
so the video will not autoplay upon page load
embeded video
<
iframe src=”…?autoplay=1″> 
embeded video
<
iframe src=”…?autoplay=0″>
3. 
if there is an automatic loop flexslider it stops it:
BRIGHT / DARK CONTRAST
<h3></h3>
1. 
the plug in adds the following classes so you can further modify your css file: 
coolaxs_bright_contrast 
coolaxs_dark_contrast
2. 
there is also an automatic image / background image flipping mode if you prefer by the suffix of the image name
2a. 
if you have 3 images – 1 for normal contrast 2. for dark contrast 3. for bright contrast
add to your normal contrast image / background image the following suffix: “_normal_to_both” 
so your image name becomes: 
 imagename_normal_to_both.jpg 
 (or imagename_normal_to_both.png or imagename_normal_to_both.gif)
and provide in the same directory 2 more images (assuming a jpg image type) 
imagename_bright_contrast.jpg 
imagename_dark_contrast.jpg
2b. 
if you have only 2 images – 1 for normal contrast 2. for dark contrast 
and for bright contrast you use the normal contrast image 
then modify your original image / background image to this: 
imagename_normal_to_dark.jpg 
 (or imagename_normal_to_dark.png or imagename_normal_to_dark.gif)
and provide in the same directory 1 more image (assuming a jpg image type) 
imagename_dark_contrast.jpg
2c. 
if you have only 2 images – 1 for normal contrast 2. for bright contrast 
and for dark contrast you use the normal contrast image 
then modify your original image / background image to this: 
imagename_normal_to_bright.jpg 
 (or imagename_normal_to_bright.png or imagename_normal_to_bright.gif)
and provide in the same directory 1 more image (assuming a jpg image type) 
imagename_bright_contrast.jpg
List of all added JavaScript classes
<h3></h3>
This is the list of all the classes that the Javascript file adds/toggles so you can modify your CSS file if you want to custom your site to this plugin: 
 $html.addClass(‘coolaxs_mobile’); 
 $html.addClass(‘coolaxs_mobile_landscape’); 
$(‘#coolaxs_letter_spacing_group’).addClass(‘coolaxs_acivated_button’);// to all the cool accessibility plugin buttons
<pre><code> $( ":focusable,a" ).addClass('coolaxs_highlight_links');
 $( 'h1,h2,h3,h4,h5,h6' ).each(function(i, val){ $(val).addClass( "coolaxs_highlight_titles_colors" ); });
 $(val).addClass( "coolaxs_bright_contrast" ); if ( coolaxs_hasBkgcolor(val) ) $(val).addClass( "coolaxs_bright_contrast_bkg_color" );
 $(val).addClass( "coolaxs_dark_contrast" ); if ( coolaxs_hasBkgcolor(val) ) $(val).addClass( "coolaxs_dark_contrast_bkg_color" ); 
 $("html").addClass("coolaxs_prevent_animations");
 $("*,body,a,span,li *").addClass( "coolaxs_readable_font" ); 
 $("*").not(':focusable,a,span').addClass( "coolaxs_big_white_cursor" ); 
 $("*").not(':focusable,a,span').addClass( "coolaxs_big_black_cursor" ); 
 $('body').addClass('coolaxs_focus_css_activated');// keyboard navigation
 $('body').addClass('COOL_ACCESSIBILITY_right_accessibility_panel');
 $('body').addClass('COOL_ACCESSIBILITY_left_accessibility_panel');
 $('body').addClass('COOL_ACCESSIBILITY_bottom_accessibility_panel');
 $('body').addClass('COOL_ACCESSIBILITY_top_accessibility_panel');
</code></pre>
Accessibility declaration example
<h3></h3>
#### attaches great importance to providing a high quality, professional and accessible service to all residents, including those with disabilities.
Measures are being carried out in order to make this website accessible.
Accessibility adjustments were made based on the recommendations for Intenet Contents at AA rating.
Browsers support:
This website support popular browsers such as: 
Mozila Firefox, Google Chrome 
Questions about accessibility:
For questions or suggestions regarding accessibility you may send an email to ##########
Email to: ###@#####
Telephone: ########## 
Accessibility adjustments that were made:
In order to meet the accessibility requirements, several adjustments were made to the site:
<pre><code>
</code></pre>
For your knowledge :
The site uses the ?local storage? entries option in the browser to maintain the menu preferences settings and the accessibility of the pages of the site. 
This ?local storage? is not sent back to the server and therefore does not provide any information about your browsing. 
These ?local storage? entries are deleted when you delete cookies ? and you can set any browser to delete all cookies upon closing the browser 
Or alternatively if you want the accessibility menu preferences to be preserved ? do not delete the cookies files
Thank you and happy surfing.

Cool Accessibility

Accessibility plugin - Make the site easier to read and navigate

Arun Basil Lal

Automatically add Image attributes such as Image Alt Text, Image Title, Image Caption and Image Description from Image Filename.
The plugin can update image attributes for both new image uploads and existing images in the media library. Great for Image SEO and Accessibility.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/V5SOU4okOfU?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
Image alt text and title is critical for your image SEO and will help users discover your images (and there by your website) in Google / Yahoo / Bing image search.
<blockquote>
Life-Saver 
 It allowed me to save tons of time. Further, the support is nice and ready to help. 
 – <a href="https://wordpress.org/support/topic/life-saver-188/" rel="ugc">thnk4</a>
</blockquote>
Proper alt text also helps people who are blind or who have low vision understand your images there by improving the accessibility of your website. This will open up your website to a new segment of visitors and increase your traffic.
<blockquote>
Wow! 
 If I could give this 1 more star I would! 
 – <a href="https://wordpress.org/support/topic/wow-550/" rel="ugc">jdev</a>
</blockquote>
With this plugin you can:
<ul>
<li>Set the image filename as the image Title.</li>
<li>Set the image filename as the image Caption.</li>
<li>Set the image filename as the image Description.</li>
<li>Set the image filename as the image Alt Text. This was a default feature in WordPress before 4.7. The plugin restores this essential feature which is great for SEO.</li>
<li>Insert Image Title into post HTML. WordPress stopped adding Image Titles to images since WordPress 3.5. The plugin restores it.</li>
<li>Remove hyphens from the image filename.</li>
<li>Remove underscores from the image filename.</li>
<li>Remove full stops from filename.</li>
<li>Remove commas from filename.</li>
<li>Remove all numbers from filename.</li>
<li>Choose to turn off any of the above mentioned features.</li>
<li>Display image attributes as columns in Media Library list view.</li>
</ul>
With the bulk updater you can:
<ul>
<li>Set the image filename as image Title, Caption, Description and Alt Text after removing hyphens and underscores from the filename.</li>
<li>Update any number of images in your Media Library in one click.</li>
</ul>
If your image filename is My_image-name.jpg, your Image Title, Caption, Description And Alt Text will be My image name.
The plugin settings and bulk updater are in WordPress Admin > Settings > Image Attributes. Here you can choose which attributes to update for NEW uploads.
Please remember to take a database backup before running the bulk updater (or anything bulk in general). The bulk updater updates ALL attributes for existing images in the Media Library and ignores the settings set for NEW uploads.
<h3>Image Attributes Pro</h3>
A pro add-on is now available for the plugin. Check out <a href="https://imageattributespro.com/?utm_source=wordpress.org&utm_medium=readme" rel="nofollow ugc">Image Attributes Pro</a>.
The pro add-on can update the image attributes from not just the image filename, but also from the post / page / product / custom post type title. You can fine tune the bulk updater settings and even clean up the actual image filename.
<blockquote>
Thank you so much for all your help in trying to fix this, its very much appreciated indeed. You’ve gone above and beyond what I was expecting in support! 
 Rest assured I will give great feedback on your plugin anywhere I can!! 
 – James Barber, for <a href="https://imageattributespro.com/?utm_source=wordpress.org&utm_medium=readme" rel="nofollow ugc">Image Attributes Pro</a> via email.
</blockquote>
What the pro add-on you get these additional features:
<ul>
<li>Use post title as title text. If image is not attached to a post, image filename will be used instead.</li>
<li>Use post title as alt text. If image is not attached to a post, image filename will be used instead.</li>
<li>Use post title as caption. If image is not attached to a post, image filename will be used instead.</li>
<li>Use post title as description. If image is not attached to a post, image filename will be used instead.</li>
<li>Build your own attributes using custom tags like <code>%filename%</code>, <code>%posttitle%</code>, <code>%sitetitle%</code>, <code>%category%</code>, <code>%tag%</code>, <code>%wc_variation%</code>, <code>%yoastfocuskw%</code>, <code>%yoastseotitle%</code>, <code>%rankmathfocuskw%</code>, <code>%seopresstargetkw%</code> and <a href="https://imageattributespro.com/custom-image-attribute-tags/?utm_source=wordpress.org&utm_medium=readme" rel="nofollow ugc">many more</a>. Each custom tag will be replaced with it’s value. You can combine them as you please!</li>
<li>Use Yoast Focus Keyword and Rank Math Focus Keyword as image attributes.</li>
<li>Clear any image attribute by setting it as blank / empty. </li>
<li>Exclude images from Bulk Updater. A meta box and a checkbox is added to the <code>Media Library</code> > <code>Edit Media</code> sidebar. When checked, the bulk updater will not update the attributes of that image in the media library or in posts / products where the image is used. </li>
<li>Remove apostrophe ( ‘ ) from filename</li>
<li>Remove tilde ( ~ ) from filename</li>
<li>Remove plus ( + ) from filename</li>
<li>Remove pound ( # ) from filename</li>
<li>Remove ampersand ( & ) from filename</li>
<li>Remove round brackets ( ( ) ) from filename</li>
<li>Remove square brackets ( [ ] ) from filename</li>
<li>Remove curly brackets ( { } ) from filename</li>
<li>Filter words or characters from filename</li>
<li>Filter filename with regex</li>
<li>convert image attributes to lowercase</li>
<li>CONVERT IMAGE ATTRIBUTES TO UPPERCASE</li>
<li>Use title casing for image attributes. First Letter Of Each Word Will Be Capitalized.</li>
<li>Use sentence casing for image attributes. First letter of a sentence will be capitalized.</li>
<li>Clean the actual image filename after upload.</li>
<li>Choose to turn off any of the above mentioned features.</li>
</ul>
With the Image Attributes Pro bulk updater you can:
<ul>
<li>Update image title and alt text for images inserted into posts and custom post types. Not just the media library. <a href="https://imageattributespro.com/how-wordpress-store-image-attributes/?utm_source=wordpress.org&utm_medium=readme" rel="nofollow ugc">What is the difference?</a></li>
<li>Fine tune all settings. Choose what to update.</li>
<li>Update image titles / alt text in media library and / or existing posts.</li>
<li>Update image titles / alt text in media library and / or existing posts only if no title / alt text is set. Existing image titles / alt text will be preserved.</li>
<li>Update image caption and description in the media library. Existing image captions and descriptions can be preserved.</li>
<li>Build your own attributes using custom tags like <code>%filename%</code>, <code>%posttitle%</code>, <code>%sitetitle%</code>, <code>%category%</code>, <code>%tag%</code>, <code>%yoastfocuskw%</code>, <code>%yoastseotitle%</code>, <code>%rankmathfocuskw%</code>, <code>%seopresstargetkw%</code> and <a href="https://imageattributespro.com/custom-image-attribute-tags/?utm_source=wordpress.org&utm_medium=readme" rel="nofollow ugc">many more</a>. Each custom tag will be replaced with it’s value. You can combine them as you please!</li>
<li>Choose to turn off any of the above mentioned features.</li>
<li>Choose specific post types to bulk update.</li>
<li>Bulk update image attributes in <a href="https://imageattributespro.com/acf-compatibility/?utm_source=wordpress.org&utm_medium=readme" rel="nofollow ugc">ACF’s WYSIWYG Editor</a> and <a href="https://imageattributespro.com/divi-compatibility/?utm_source=wordpress.org&utm_medium=readme" rel="nofollow ugc">Divi theme</a>.</li>
<li>Modify auto generated image attributes using the <a href="https://imageattributespro.com/codex/iaffpro_image_attributes/?utm_source=wordpress.org&utm_medium=readme" rel="nofollow ugc">iaffpro_image_attributes filter</a>.</li>
<li>Disable updating of attributes in media library completely and just updated attributes in Post HTML or vice versa.</li>
<li>Add or remove custom image attributes using the <a href="https://imageattributespro.com/codex/iaffpro_html_image_markup_post_update/?utm_source=wordpress.org&utm_medium=readme" rel="nofollow ugc">iaffpro_html_image_markup_post_update filter</a></li>
</ul>
Other Image Attributes Pro features:
<ul>
<li>Bulk edit image attributes from the Media Library quickly and easily. <a href="https://imageattributespro.com/media-library-bulk-editing/?utm_source=wordpress.org&utm_medium=readme" rel="nofollow ugc">Read more.</a></li>
<li>Bulk Update image attributes from WordPress Media Library. Select images and choose <code>Update image attributes</code> Bulk action in Media Library (list view). <a href="https://imageattributespro.com/bulk-actions/?utm_source=wordpress.org&utm_medium=readme" rel="nofollow ugc">Read more.</a></li>
<li>Bulk Update image attributes from WordPress admin page for Posts, Pages and WooCommerce Products. Select the posts, pages or WooCommerce products in bulk and choose “Update image attributes” Bulk action. <a href="https://imageattributespro.com/bulk-actions/?utm_source=wordpress.org&utm_medium=readme" rel="nofollow ugc">Read more.</a></li>
<li>Copy image attributes to post HTML while updating in Media Library. Any changes made to image attributes in the media library will be automatically synced to the corresponding post HTML. <a href="https://imageattributespro.com/auto-copy-image-attributes-to-post-html-from-media-library/?utm_source=wordpress.org&utm_medium=readme" rel="nofollow ugc">Read more.</a></li>
<li>Update image attributes on post publish or update. Automatically updates image attributes when a post is published or updated. Ensures image attributes are always consistent with settings. <a href="https://imageattributespro.com/update-image-attributes-on-save-post/?utm_source=wordpress.org&utm_medium=readme" rel="nofollow ugc">Read more.</a></li>
</ul>
For screenshots, FAQ and full list of features, please see the <a href="https://imageattributespro.com/?utm_source=wordpress.org&utm_medium=readme" rel="nofollow ugc">product website</a>.
<blockquote>
No Competitors 
 This is the only one that enables you to add missing tags to your images in one go, simple! … This one is very well coded and the author pays great attentions to users feedback / requests / support. 
 – <a href="https://wordpress.org/support/topic/no-competitors/" rel="ugc">arsenalemusica</a>
</blockquote>

Auto Image Attributes From Filename With Bulk Updater (Add Alt Text, Image Title For Image SEO)


the title says it. This plugin will overwrite existing Alt Text values. This is bad if you've already added any Alt Text values yourself in the past, those will be lost and overwritten with the file name... probably with a non human friendly file name.



If they update this later to check for existing values and don't overwrite those then I would recommend giving it another try.



PS: this goes for ALL title, alt text, description, and caption. All of these will be overwritten even if you already have it set to something.


Will overwrite existing Alt Text

Automatically add Image Alt Text, Title, Caption and Description from Filename. Bulk update existing images. Great for Image SEO and Accessibility.

Cool Accessibility vs Auto Image Attributes From Filename With Bulk Updater (Add Alt Text, Image Title For Image SEO)