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.phpfile (child theme recommended).
3. Paste the Snippet
If using WPCode:
- Go to Code Snippets > Header & Footer.
- Paste your Sienna installation script into the Footer section.
- 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