WordPress installation

Plugin installation

Step 1: Install the DockWCAG plug-in

You can easily install the DockWCAG plugin using the WordPress plugin repository. In the WordPress admin panel, go to the “Plugins” tab in the left menu, and then click “Add New” at the top of the page. Type “DockWCAG” in the search box, and when you find the plugin, click “Install now” and then “Activate.” After activation, in the left menu, scroll down and select “Accessibility.”

Step 2: Register your site and obtain a token

If you already have an account with DockWCAG, simply log in, go to your account and copy the generated token.

If you are installing the plugin for the first time, register with Google, Facebook or use your own email address and password.

 

After logging in, enter the address of your site (remember to include the www subdomain, e.g. www.example.com) and accept the terms of use of DockWCAG. After saving, your unique token will appear on the page, which you can copy.

Step 3: Activate the accessibility widget

After getting the token, go back to your wordpress panel, go to the configuration section of the DockWCAG plugin and enable the widget. Enter the copied token in the appropriate field, and then adjust the color scheme, widget position and available options. Remember to save your changes after you finish the configuration.

Step 4: Preview the site

After installation and configuration, test the widget on your site to make sure it works properly and is WCAG compliant.

Manual installation of DockWCAG widget on wordpress website

If you prefer to manually install the DockWCAG widget on your website, follow the steps below:

Step 1: Register your site and obtain a token

Log in or register on the DockWCAG website, then enter your site address.

After saving the address, a unique token will appear, which you can copy to the clipboard.

Step 2: Embed the code in WordPress

To install the widget, you need to add the appropriate script to your site’s HTML code. Remember not to remove any elements from the existing code, as this could affect the performance of the site.

Copy the code below:

<script>
  (function (w, d, s, l, t, c = {}) 
  w[l] = c;
  w[l].token = t;
  var f = d.getElementsByTagName(s)[0], j = d.createElement(s), a = new Date().getTime();
  j.async = true;
  j.src = '//wcag.dock.codes/accessibility/' + t + '/start.js?t=' + a;
  f.parentNode.insertBefore(j, f);
  })(window, document, 'script', 'accessibility', '***', {});
</script>

You can find more on how to configure the widget here.

Go to “Appearance” in the left menu of the WordPress admin panel, and then select “Theme File Editor”. In the “Theme files” section, find the “footer.php” file.

Insert the script just before the closing tag </body>. Wklej kod i zastąp *** with your unique token, which was generated in the previous step. Finally, click “Update file.”

Step 3: Preview the site

After adding the script, test your site to make sure the widget is properly installed and works as expected. Check all the widget’s functions to verify that the installation was successful.