Share

joomla

Installing the Barriano Accessibility Widget on your Joomla website helps make your content more accessible to visitors with different accessibility needs. Follow the steps below to add the Barriano Accessibility Widget to your Joomla website.

Step 1: Register Your Website and Get Your Unique Code Snippet

Register your Joomla website with Barriano and complete the website registration process.

After registration, Barriano will generate a unique installation script for your website. Copy the script to your clipboard or save it as a text file.

Your installation script will look similar to the following:

<script
  src="https://widget.barriano.com/ada-widget.embed.min.js?YOUR_UNIQUE_KEY"
  async>
</script>

Replace YOUR_UNIQUE_KEY with the unique key generated for your website.

If you have already registered your Joomla website with Barriano, sign in to your Barriano dashboard, select the relevant website, and copy its existing installation script.

Step 2: Add the Barriano Code to Your Joomla Website

Sign in to your Joomla administration dashboard.

From the left navigation menu, click System.

On the next page, select Site Templates to open your website’s template settings.

Note: Add a screenshot showing the System option and Site Templates.

Select the name of the active website template.

From the template file list on the left, locate and select index.php.

joomla-step1

The website template code will open in the editor.

Scroll to the bottom of the file and locate the closing </body> tag.

Paste the Barriano installation script immediately before the closing </body> tag.

<script
  src="https://widget.barriano.com/ada-widget.embed.min.js?YOUR_UNIQUE_KEY"
  async>
</script>

</body>

Do not modify the script URL or remove the unique website key.

Click the green Save button at the top-left of the page.

joomla-step2

Step 3: Preview Your Website

Open your Joomla website and confirm that the Barriano Accessibility Widget has been installed correctly.

Check that:

  • The Barriano accessibility icon is visible.
  • The widget opens when selected.
  • The accessibility features work correctly.
  • The widget appears on all required pages.
  • The widget works properly on desktop and mobile devices.

Step 4: Customize Your Widget

Sign in to your Barriano dashboard and select your Joomla website.

Open the widget settings and use the available options to customize the widget according to your website requirements.

You can customize the following:

  • Size
  • Position
  • Color
  • Icon
  • Display preferences

Save your changes after completing the customization.

You’re All Set!

The Barriano Accessibility Widget is now installed on your Joomla website.

Your visitors can now personalize their browsing experience according to their accessibility needs, helping make your Joomla website more inclusive and accessible to a wider audience.

You might be interested in this.