udi15

<p>If you are worried about the user-friendly nature of your website, you will need our WORDPRESS Usability plugin. Although WordPress offers a decent leeway when it comes to building and developing websites, you still have to deal with some severe accessibility issues.<br />
MyWeb plug-in, on the other hand, offers the much-needed leeway for the development of easily accessible websites.</p>
<p>This plug-in provides an easy-to-use toolbar that lets you switch between ranges of settings in the directory of your theme. It also allows you the right to tailor the accessibility of your site to your needs. Only add it to your WordPress contents folder, and you’re ready to go!</p>
<p>MyWeb provides a number of options when it comes to building easily accessible websites. This plug-in allows you to change stylesheets, add specifics to hyperlinks, re-size your website fonts, and fix usability issues without explicitly altering your content. MyWeb also allows you to disable all accessibility features depending on the needs of your theme.</p>
<p>Our plug-in is designed to fix usability vulnerabilities and other common issues that may occur in the WordPress center. However, it is not intended to address any problems in the nature of your website. It will improve the usability of your website, recognize deficiencies and provide useful resources to fix most of these deficiencies.</p>
<h4>Why Choose Our Plugin:</h4>
<p>If your main goal of installing a WordPress Accessibility plugin is to improve the overall performance of your website and maintain a strategic distance from bugs and crashes.  Then you should go ahead and turn it on to your website.</p>
<p>With regard to WordPress accessibility issues, content and theme are two key areas of concern. This would make your site more accessible to screen readers, visual users, or anyone else who would use your website.</p>
<p>You need a plugin that makes it possible for you to.</p>
<h4>FEATURES:</h4>
<p>Accessibility Toolbar: WORDPRESS ACCESSIBILITY provides a set of toolbar togging features that allow you to fix high and low contrast issues in the accessibility of your theme. This plugin will help you adjust the overall design of your theme, right from the theme directory, to a more fitting setting. Add a toolbar toggling that lets you set:</p>
<ul>
<li>Resize font (increase/decrease)</li>
<li>Grayscale</li>
<li>Readable Font</li>
<li>High Contrast</li>
<li>Links Underline</li>
<li>Light Background</li>
<li>Negative Contrast</li>
<li>Link to Sitemap / Feedback / Help pages</li>
</ul>
<h4>Accessibility Features:</h4>
<ul>
<li>Enable skip to content with customizable appearance and targets: This feature allows users and screen readers of your website to transition from one section of your site to another. Instead of going through massive blocks of data on a webpage, screen readers can Skip to content feature, users can move from the top of the page to another different section of the website.</li>
<li>Add outline focus for focusable elements: Many WordPress website is designed without considering keyboard dependent users. That’s why keyboard users find it difficult to focus on focusable elements on a WordPress website. This plugin allows you to modify the appearance of elements on keyboard focus. Consequently, you’ll be able to view links and other focusable fields with keyboard focus.</li>
<li>Remove the target attribute from links: This accessibility feature resolves issues relating to how links open when you click on them on your website. In general, users get disoriented when they click on a link and it opens up on another window. At the end of the day, this could break your website’s flow and at the same time, ruin the overall experience of users on your site. This is where the WORDPRESS ACCESSIBILITY plugin shines in the creation of easily accessible sites.</li>
<li>Add landmark roles to all links: one of WordPress’ common trends, is to show an excerpt of a post with hyperlinks that’ll let you read the full content. These links are usually represented with plain boring text. Which makes it difficult for users to differentiate between the excerpted contents that those links represent. By default, WordPress links are excerpted with words like “continue reading”, “more” or an equivalent text. This can pose a lot of problem with your site’s accessibility. However, With our WORDPRESS ACCESSIBILITY plugin on your dash, you can add titles to all your links. So instead of using “continue reading” to represent excerpted links on your site, it’ll show “ continue reading + preferred title”.</li>
<li>Customizer for style adjustment: using WordPress default stylesheets may pose problems for your site’s accessibility. Our Plugin allows you to rectify these issues with its topnotch style customizer tool.<br />
*Enable alt attributes on images: Similar to how WordPress adds title attributes to all the links it generates on your website, featured images have title automatic attributes as well. WORDPRESS ACCESSIBILITY resolves this issue, and make your website easily accessible for everyone. This plugin can save time and effort from manually editing each image one by one to change the assigned title attributes of featured images. As a result, It is the most effective plugin, for making your site accessible for everyone.</li>
</ul>
<h4>New feature added:</h4>
<ul>
<li>Accessibility Statement</li>
</ul>
<h4>Accessibility Toolbar:</h4>
<p>Add a toolbar toggling hat allows you to set:</p>
<ul>
<li>Resize font (increase/decrease)</li>
<li>Grayscale</li>
<li>Negative Contrast</li>
<li>High Contrast</li>
<li>Light Background</li>
<li>Links Underline</li>
<li>Readable Font</li>
<li>Link to Sitemap / Feedback / Help pages</li>
</ul>
<h4>Accessibility Features:</h4>
<ul>
<li>Enable skip to content</li>
<li>Add outline focus for focusable elements</li>
<li>Remove the target attribute from links</li>
<li>Add landmark roles to all links</li>
<li>Customizer for style adjustment</li>
</ul>


MyWeb

MyWeb plugin is the fastest plugin to help you make your website more accessible.

Nicolas Johnson

<p>This plugin offers you the possibility to show people accessibility configurations in your menu. This means that everyone, including people with disabilities, will be able to configure the settings (contrast, font-size, coloration, …) that help them be able to use your website.</p>
<p>Here is a <a href="https://demo.wpinclusion.com/a11y-kit" rel="nofollow ugc">demo</a>.<br />
Follow the evolution of the plugin trough the <a href="https://github.com/multimedianj/a11y-kit" rel="nofollow ugc">Github repository</a>.</p>
<p>In order to make the plugin works, you need to create a menu first.<br />
In your menu, you simply need to add a CSS class in this way <strong>“wpak_DISABILITY_PROPERTY”</strong>.</p>
<p>Where to add the CSS class mentioned above ?<br />
– In the menu you’re in (Appearance > Menus > name_of_your_menu), you first click on an item you want to have the ability to change the state (accessibility menu item).<br />
– Then, you should have the field “CSS Classes (optional)”. Inside this field, you can add the class in this way : <strong>“wpak_DISABILITY_PROPERTY”</strong> (see examples from the pre-configured classes below).<br />
– If the field “CSS Classes (optional)” is not visible, you just have to look for the “Screen Options” button in the top-right corner of the page. Then, search for the checkbox “CSS Classes” which should be checked in order for the field to be visible. Finally, return to the field and add your class.</p>
<h3>List of the pre-configured classes</h3>
<h4>Coloration</h4>
<ul>
<li>“wpak_color_normal” (normal state)</li>
<li>“wpak_color_dark” (dark mode)</li>
<li>“wpak_color_monochrome” (shades of gray, monochrome)</li>
<li>“wpak_color_highcontrast” (high contrast)</li>
<li>“wpak_color_lowsaturation” (low saturation)</li>
<li>“wpak_color_highsaturation” (high saturation)</li>
</ul>
<h4>Font size</h4>
<ul>
<li>“wpak_font_normal” (normal state)</li>
<li>“wpak_font_large” (large font-size, default: 30px)</li>
</ul>
<h4>Dyslexia</h4>
<ul>
<li>“wpak_dyslexia_normal” (normal state)</li>
<li>“wpak_dyslexia_comicsans” (Comic Sans font-family)</li>
<li>“wpak_dyslexia_arial” (Arial font-family)</li>
</ul>
<h4>Reset button</h4>
<ul>
<li>“wpakReset” (reset all the filters)</li>
</ul>
<h3>Add an icon instead of text</h3>
<p>You can use the field for the title to add HTML code. With HTML code, it is possible to add<br />
– An image: <code><img src="link_of_your_image.png" alt="name_of_property" /></code><br />
– An icon from FontAwesome or any library you want to include: <code><i class="fas fa-adjust"></i></code></p>
<h3>Suggested FontAwesome icons</h3>
<p>Here is a list of the suggested icons to use for each pre-configured accessibility settings.</p>
<ul>
<li>Coloration: <code><i class="fas fa-adjust" title="Change the coloration of the site"></i></code></li>
<li>Font-size: <code><i class="fas fa-font" title="Change the font-size of the site"></i></code></li>
<li>Font-family: <code><i class="fas fa-pencil-alt" title="Change the font-family of the site"></i></code></li>
<li>Letter-spacing: <code><i class="fas fa-text-width" title="Change the letter-spacing of the site"></i></code></li>
<li>Line-height: <code><i class="fas fa-text-height" title="Change the line-height of the site"></i></code></li>
<li>Reset button: <code><i class="fas fa-undo" title="Reset all the accessibility configurations"></i></code></li>
</ul>
<h4>EXTRA</h4>
<p>If you want to add a link to your accessibility statement page, we recommend using this icon that displays perfectly<br />
– <code><i class="fas fa-child" title="Go to the accessibility statement page"></i></code></p>
<h3>Import a pre-generated menu</h3>
<p>To import a pre-generated menu with already pre-configured accessibility settings, follow the instructions below.</p>
<ol>
<li>First, download the file <strong>menu-a11y.json</strong> on your computer, available in the folder <strong>SAMPLE</strong> of the plugin</li>
<li>Install the plugin **Export Import Menus”, available <a href="https://wordpress.org/plugins/export-import-menus" rel="ugc">here</a></li>
<li>Activate the plugin</li>
<li>Go to <strong>Appearance > Export/Import Menus</strong></li>
<li>Click on the tab <strong>Import Menus</strong></li>
<li>Click on <strong>Choose a file</strong> and import the <strong>menu-a11y.json</strong> file you just downloaded on your computer</li>
<li>On the <strong>Menu Name</strong> field, feel free to name your menu (ex.: A11y topbar menu)</li>
<li>Click on the <strong>Import Menus</strong> button</li>
<li>Validate in <strong>Appearance > Menus</strong> that your menu has been imported correctly</li>
</ol>
<h4>EXTRA</h4>
<p>If you want to use FontAwesome icons, install the plugin FontAwesome, available <a href="https://wordpress.org/plugins/font-awesome" rel="ugc">here</a></p>
<h3>Overwritte accessibility settings (styles)</h3>
<p>In the plugin directory, there’s a file <strong>SAMPLE/style-a11y.css</strong> that contains all the CSS variables used to style the different accessibility settings of the plugin. It is possible to overwritte those variables by adding this file to the root of your theme.</p>
<ol>
<li>You need to download the <strong>style-a11y.css</strong></li>
<li>You add the file to the root of your theme (or child-theme)</li>
<li>You add this code to your style.css <strong>@import “style-a11y.css”;</strong></li>
</ol>
<p>This plugin was created and is maintained by WP inclusion, a <a href="https://wpinclusion.com" rel="nofollow ugc">glossary of Web accessibility terminologies</a>.</p>
<h3>Compatibility</h3>
<p>This plugin is multilingual ready.</p>


A11y Kit

Make your website accessibility better by adding pre-configured and custom settings in your menu.

MyWeb vs A11y Kit