How do I install the WP ADA Compliance Plugin?

Posted on

The WP ADA Compliance Check is easy to install: After you have purchased the plugin you will receive an email with a transaction id, license key and a link to download the plugin files. Login to your WordPress Website and choose “Plugins > Add New” from the dashboard menu. (Note: if you do not see this option you may not have administrative permissions on your website. Please contact your website administrator for assistance.) Click on the “Upload Plugin” button Click “Choose File” to locate and upload the plugin file downloaded in step 1. Once the installation is complete, click the activate button. If not automatically taken there, go to Settings > Web Accessibility Settings Enter the license key received in an email and click “Activate” Choose your options and click “Save”. To install updates: Updates are free for the first year. Beginning in version 2.2.7 updates are installed from the plugin screen, like any other WordPress plugin. A notice will be displayed next to the plugin name in the list. Simply choose “update now”. Use the following instructions if you are using an a version of the plugin: prior to 2.2.7: When a new update is released, normally once per quarter. A message will be displayed on the report screen as well as on your WordPress Dashboard when an update is available. Enter the Transaction ID and License Key from your purchase email and click “Validate” The latest version will begin downloading. Go to the WordPress Plugin screen, deactivate and delete Read More »

Getting Started Video

Posted on

Related Articles: How do I install the WP ADA Compliance Plugin? How do I use the plugin to locate and correct issues on my website? How does the scan on publish feature work? What features are included on the WordPress Editor screen? What do the options on the Web Accessibility Settings page do? What features are added to the media library? What features are included on the page/post list?

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

Posted on

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 css files, iframe sources 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 also available to enable or disable the scan of Read More »

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 or bottom 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 on your public facing website” 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 for the “universal” icon in either the lower left, lower 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; }

What features are included on the page/post list?

Posted on

The plugin adds three options to the “All Pages” and “All Posts” screens as follows: Check for issues – Completes a scan of the page for Web Accessibility issues Evaluate with Wave – Evaluates the page with the WAVE Web Accessibility Evaluation Tool Validate HTML – Validates the HTML using the WC3 validation services  

What features are added to the media library?

Posted on

The plugin adds an accessibility issues filter to the media library which allows you to quickly identify images that are missing or invalid alternate text.  The fact that images are missing alternate text while in the Media Library may not be a problem but many websites are designed to dynamically place images on parts of your website and when not entered in the Media Library can result in issues on your website. When using the deep scan feature described in the Plugin Settings section below these issues will be identified but this feature is provided as another means to improve the overall accessibility of your website and can be used as required.

What reporting features are included?

Posted on

The plugin provides several reporting options:  Full Report: This report is a printer friend version of the report seen on the “Error Report” screen. Choose “Error Report” from the Web Accessibility” tab on your WordPress dashboard to see a list of issues on your website. Filter the list as desired using the provided filtering options and click on the “Reports” button, then select “Full Report”. A printer friendly version of the error report is displayed. Summary Report: This report is a summary or administrative level report to share with managers or clients. Choose “Error Report” from the Web Accessibility” tab on your WordPress dashboard to see a list of issues on your website. Filter the list as desired using the provided filtering options and click on the “Reports” button, then select “Summary Report”. A printer friendly summary of the errors that were found is displayed. Export to Excel: You may also export the error list to an Excel spreadsheet. Choose “Error Report” from the Web Accessibility” tab on your WordPress dashboard to see a list of issues on your website. Filter the list as desired using the provided filtering options and click on the “Reports” button, then select “Export to Excel”. The Excel report will begin to download. Once complete simply close the dialog. Email Reports: You may send an error report to any email address. Choose “Error Report” from the Web Accessibility” tab on your WordPress dashboard to see a list of issues on your website. Filter the list as Read More »

What features are included on the WordPress Editor screen?

Posted on

The Plugin has several features that are integrated into the WordPress editor screen.  WAVE Evaluation Tool & WC3 HTML Validation When viewing a page inside the editor simply click on the Evaluate with Wave or Validate HTML links to open the selected page for evaluation in WAVE or the WC3 HTML Validation Services. These links are provided for convenience only,  the WP ADA Compliance Plugin and AlumniOnline Web Services LLC are not affiliated with the WC3, WAVE or WebAim in anyway. Accessibility Report When an issue has been found in the selected page a red “Accessibility Report” button will be displayed on the editor screen. Clicking on this button will open a report of the errors. Depending upon your plugin settings, this report may include issues that are being automatically corrected and can be identified by the the following note under the page title: ”** being auto corrected”. Errors that are being automatically corrected can be ignored or corrected as desired but when a page is displayed the issue will not be present regardless of the action you choose. Format Selector Tables used for presentation only should have the attribute role=”presentation” added to the table tag. In the default WordPress editor this requires users to switch to “Text” view, locate and manually add the required attribute to the table tag. When the table usability features are enabled under plugin settings and the “Format” selector is turned on through TinyMCE Advanced a format labeled “Presentation Table” will be added to the Read More »