WordPress Integration Guide

WordPress powers over 40% of the web, but many themes fail to meet basic WCAG 2.1 compliance tool requirements. If you are looking for an accessibility widget for WordPress to mitigate legal risk under the ADA or AODA, follow this guide.

Step-by-Step Instructions

1. Access Your Dashboard

Log in to your WordPress admin area (usually yourdomain.com/wp-admin).

2. Choose Your Insertion Method

There are two ways to add Sienna to WordPress:

• Option A (Recommended): Use a “Header and Footer” plugin like WPCode.
• Option B (Advanced): Edit your theme’s footer.php file (child theme recommended).

3. Paste the Snippet

If using WPCode:

1. Go to Code Snippets > Header & Footer.
2. Paste your Sienna installation script into the Footer section.
3. Click Save Changes.

Why WordPress Needs an Accessibility Layer

Most WordPress themes are built for visual appeal, often sacrificing keyboard navigation and screen reader compatibility. By adding Sienna, you provide users with an immediate interface to adjust contrast, font scaling, and focus visibility—key components of ADA compliance for websites.

Troubleshooting

• Caching Plugins: If the widget doesn’t appear, clear your cache (WP Rocket, W3 Total Cache, etc.).
• Theme Conflicts: Some “Full Site Editing” themes might block footer scripts. Ensure your theme calls wp_footer() correctly.

Next Steps

Once installed, we recommend testing your site with a keyboard to ensure the “Focus Halo” is working correctly.

Get your WordPress snippet here