Does the WP ADA Compliance plugin use cookies?

Posted on

The following cookies are used to enhance the user experience while using the Web Accessibility widget: wp-ada-show-accessibility-tools: this cookie is retained until the browser is closed and used to remember the web accessibility tool bars visibility state. wp-ada-accessibility-tools-bigcursor: this cookie is retained until the browser is closed and used to remember the state of the big cursor toolbar option wp-ada-accessibility-tools-contrast: this cookie is retained until the browser is closed and used to remember the state of the color contrast toolbar option wp-ada-accessibility-tools-fontfamily: this cookie is retained until the browser is closed and used to remember the state of the legible font toolbar option wp-ada-accessibility-tools-fontsize: this cookie is retained until the browser is closed and used to remember the state of the font size toolbar option wp-ada-accessibility-tools-highlightheadings: this cookie is retained until the browser is closed and used to remember the state of the highlight headings toolbar option wp-ada-accessibility-tools-highlightlinks: this cookie is retained until the browser is closed and used to remember the state of the highlight links toolbar option wp-ada-accessibility-tools-keyboardnav: this cookie is retained until the browser is closed and used to remember the state of the keyboard navigation toolbar option wp-ada-accessibility-tools-stopanimations: this cookie is retained until the browser is closed and used to remember the state of the stop animation toolbar option wp-ada-accessibility-tools-textspacing: this cookie is retained until the browser is closed and used to remember the state of the text spacing toolbar option wp-ada-accessibility-tools-tooltips: this cookie is retained until the browser is closed and used to remember the state of the show tool tips toolbar option The following cookies are Read More »

What do the options on the Web Accessibility Settings page do?

Posted on

Table of Contents To configure the plugin go to Settings > Web Accessibility Settings, choose your options and click “Save”. After each new release, new settings will be marked for easy identification .  The minimum required settings to review and configure will be marked with a red bar. Content to Monitor By default the plugin scans widget, theme, terms, external sources, post and page content when a scan is started on the Error Report screen. Post and page content and term descriptions are scanned as they are saved. The options under the “Content to Monitor” section define the content to be scanned. Theme/Template Content This setting determines which theme/template files will be scanned. These options are only available when the Deep Scan option is selected.  Blog Home: This is the home page of your website. 404 Page: The 404 template is used when WordPress cannot find a post, page, or other content that matches the visitor’s request. Search Page:  The search results template is used to display a visitor’s search results. Author Page: The author page template is used whenever a visitor loads an author page. Content External to WordPress The plugin will scan style sheets (CSS), iframe sources, postscript document format (PDF) files and linked pages located while conducting a deep scan of your website. These options are only available when the Deep Scan option is selected. After identifying external sources, if you no longer wish to scan a particular item choose Ignore > This File. An option is Read More »

Does the plugin support white labeling?

Posted on

The plugin allows marketing firms and web designers to add their brand to the plugin. A logo may be added to report screens and the accessibility widget displayed on the public website. If a license becomes inactive the logo will no longer be displayed. To add your company logo: From the WordPress dashboard, choose “Web Accessibility” and then “Settings”. Click on the “Miscellaneous” tab. Click “Select an image”, locate your logo image. The logo should be no more than 150px tall and wide. For optimal display the suggested size is 150px X 60px on a transparent background. Include your company website address in the url field. Click on the “Widget” tab. Place a checkmark next to “Replace the protected by link in the accessibility widget with a custom logo” Click “Save Changes”  

How do I install the web accessibility toolbar shortcode?

Posted on

Version 2.3.3 The widget toolbar is included as a link inside the web accessibility widget but may also be implemented using a shortcode. Before using the shortcode, visit the settings page, click on the Widget tab and enable the shortcode for use on the website. When the wp-ada-access-tools shortcode is placed on your website a button will be displayed. When the button is clicked the accessibility options toolbar will be displayed at the bottom of the screen. example: [wp-ada-access-tools] Available Attributes: icon: set to either an image url or font awesome 4 icon. (default: fa-universal-access) class: to include a custom class for designing the button. (default: wp-ada-compliance-accessibility-widget-showtools) text: displays visbile text after the icon. (default: none) alttext: included in the aria-label for the button link. (default: Show Accessibility Tool Bar)

How do I activate and use the Web Accessibility Widget?

Posted on

The plugin includes a public facing accessibility widget to enhance the accessibility of your website and demonstrate your commitment to ADA compliance. The widget includes a seal to indicate your commitment to accessibility, a link to report problems and a toolbar that provides website users with a variety of options to further enhance the accessibility of the website. A shortcode option is also available to display a simple link to the toolbar for use in your theme files. The following options can be found on the Widget tab on plugin settings page: a link to a contact form may be included which will trigger a button displayed inside the accessibility widget to report problems. a custom statement can be displayed inside the web accessibility widget popup. a custom logo may be displayed in the footer of the widget an option to display widget at the top, bottom or left side of your pages primary and secondary colors may be defined for the widget Find out more about plugin settings. To activate the accessibility widget: From the WordPress dashboard, choose “Web Accessibility” and then “Settings” Click on the “Widget” tab Check the box next to “Display the accessibility widget, tools and compliance seal” or one of the other options provided as desired Enter the url for your contact from Choose a location for the widget, either the lower left, lower right or upper right corner Click “Save” To use the web accessibility widget: Go to you website home page and look Read More »

Re-positioning the Web Accessibility Widget

Posted on

Version 2.3.3 Under the Widget tab of the web accessibility settings you may choose either a top or bottom placement for the widget which will place it in the upper right or lower right corner respectively. If the web accessibility widget overlays a portion of your website in the desired location you may need to move it slightly up or down using CSS. From your dashboard menu choose “Appearance > Customize”. Click on the “Additional CSS” tab. Copy and paste the provided style definition for the desired location (top or bottom) In crease the top or bottom values in increments of 5, until the desired position is achieved. Click “Publish” to save the changes. Top Position .wp-ada-compliance-accessibility-widget-hide{ top: 12px; } .wp-ada-compliance-accessibility-widget-content{ top: 65px; } .wp-ada-compliance-accessibility-widget { top: 25px; } Bottom Position  .wp-ada-compliance-accessibility-widget { bottom: 50px; } .wp-ada-compliance-accessibility-widget-content{ bottom: 25px;}   @media only screen and (max-width: 470px){  .wp-ada-compliance-accessibility-widget { bottom: 95px;  } .wp-ada-compliance-accessibility-widget-content{ bottom: 0px; }

How do I mark a table or image as presentation only.

Posted on

Tables and images used for presentation only should include a “role” attribute set to ”presentation”.  Alternatively images may include an “alt” attribute that is empty. The WP ADA Compliance plugin adds a “Format” selector to the WordPress Classic Editor or classic block allowing you to mark the table or image as either a “Presentation Table” or “Presentation Image”.  The plugin will add the role=”presentation” attribute to the table or image as the content is displayed. If the “Format” selector is not visible on your editor screen you may need to install the TinyMCE Advanced plugin to enable this option. If that does not correct the problem your WordPress Theme or another plugin may be incorrectly configured to add the Format dropdown. Ensure that it is configured to merge the two arrays as described in this complete guide.

How can I add alternate text to links enclosing font-awesome icons?

Posted on

Defining Custom Aria-Label Values for font-awesome Icons Non image icons such as font awesome are frequently used inside links without link text. Either a title or aria-label attribute must be used to provide alternate text. The WP ADA Compliance plugin will add aria-label attributes to these links when possible. Conversion will take place based on settings defined under Web Accessibility > Settings.  To define font-awesome conversions enter a list of icons to convert. Place each icon on a new line. Begin with the icon class “fa-open” followed by an equal sign “=” and then the alternate text “Screen Reader Text”. An example is provided below. Note: links with the class no-title-convert will not be converted.  For example:  fa-close=Close When encountered  <a href=”#” ><i class=”fa fa-close”></i></a>  becomes  <a href=”#” aria-label=”Close”><i class=”fa fa-close”></i></a>

How can I display only errors in pages that have been recently modified?

Posted on

Version 2.3.3 To view only errors in content that has changed after a certain date, choose a modified date and click “Filter”. Content that does not have a modified date or for which a modified date can not be determined will also be displayed. In order to locate only the desired content type use the “Post Type” filter to further narrow the results or check the box next to “hide theme errors” to display all post or page content.

Why are issues in tables created with Ninja Tables not identified?

Posted on

The Ninja Tables plugin appears to use client side programming to prepare and display its tables. Client side activities take place in the browser after the page has loaded. The WP ADA Compliance Plugin scans and filters content on the server side before a page loads therefore issues in Ninja Tables can not be identified or filtered.

Accessibility Tools
hide