Joomla Integration Guide
This comprehensive guide will walk you through integrating the Accesstive accessibility platform with your Joomla website. Accesstive helps make your site more inclusive and compliant with accessibility standards through AI-powered tools and monitoring.
What is Accesstive?
Accesstive is an all-in-one accessibility platform that helps websites become inclusive, compliant, and user-friendly. It combines powerful tools like an accessibility assistant widget, AI-based live audits, monitoring, and an intelligent assistant. Designed for businesses, developers, and agencies, Accesstive makes accessibility simple, scalable, and smart.
Key Features
- AI-Powered Assistant Widget: Screen-reader and keyboard navigation adjustments
- 40+ Accessibility Features: Font resize, colour contrast, text magnifier, and more
- Live Monitoring: Regular scans and analyses
- WCAG Compliance: Addresses common accessibility barriers
- Custom Branding: Fully customizable to match your site design
Installation Method
- Access Joomla Template Files
Go to Extensions → Templates → Templates and select your active template. - Edit the index.php File
Open the main template file (index.php). - Add the Script
Paste the following code snippet just before the closing </body> tag:
<script async src="https://cdn.accesstive.com/assistance.js" type="module"></script>
- Save Changes
Save the template file and refresh your site.
Pro Tip
The script loads asynchronously, ensuring it won’t impact your site’s loading speed or performance.
Accesstive Configuration
Once installed, you can configure your Accesstive settings through the Accesstive dashboard:
- Widget Customisation: Match your brand colours and styling
- Feature Selection: Choose which accessibility features to display
- Positioning: Set widget placement and behaviour
- Analytics: Monitor usage and accessibility improvements
Preview and Testing
After installation, you should see the Accesstive widget appear on your website. Here’s how to test it:
- Widget Visibility: Look for the accessibility icon (usually in the bottom corner)
- Feature Testing: Click the widget and test different accessibility options
- Cross-Browser Testing: Verify functionality across different browsers
- Mobile Testing: Check widget responsiveness on mobile devices
Troubleshooting Common Issues
Widget Not Appearing
- Verify the script was added to the module or template file correctly
- Ensure the module is published on all pages
- Clear your browser cache and reload the page
Script Loading Issues
- Check the browser console for JavaScript errors
- Verify the script URL is correct and accessible
- Ensure no other scripts are conflicting
Get Started Today
Ready to make your Joomla website more accessible? Sign up, get a free accessibility audit, and discover how Accesstive can help improve accessibility, compliance, and user experience for all visitors.