All in One Accessibility®: Strapi Plugin

Enhance Your Website's Accessibility with All in One Accessibility®

Did you know? Your website's accessibility can make or break your audience's experience. With the All in One Accessibility AI Free Accessibility Widget, you can instantly boost your site's inclusivity and support over 140+ languages! Experience the power of 23 essential features in our free version and take the first step towards creating a better web for everyone.

Why All in One Accessibility®?

This lightweight and flexible widget is designed to improve your website’s compliance with international accessibility standards, including:

• ADA (Americans with Disabilities Act)
• WCAG 2.0, 2.1, & 2.2
• Section 508 (U.S. Government Standard)
• California Unruh Act
• Australian DDA
• European EAA EN 301 549
• UK Equality Act (EA)
• Israel Standard 5568
• Ontario AODA
• Canada ACA
• UAE Disability Act
• Singapore DSS and SGDS
• For more details on Accessibility Standards, Visit All in One Accessibility Supported Standards.

By implementing the widget, you’re not only enhancing user experience but also minimizing the risk of costly accessibility lawsuits. For more details, visit All in One Accessibility®.

Built for Excellence

• Adheres to ISO 9001:2015 & ISO 27001:2013 standards.
• Fully compliant with GDPR and COPPA regulations.
• Proud member of W3C and the International Association of Accessibility Professionals (IAAP).

Upgrade to Unlock Premium Features

Why stop at 23 features? Unlock over 70 advanced features with our paid subscription and take your website’s accessibility to the next level. Compare the benefits of Free vs. Paid versions here. Checkout the steps for upgrading Free to Paid Widget.

Start Your Accessibility Journey Today

Try it risk-free with our 10-day free trial! Don’t wait, experience the benefits today. Click to get started and join a growing community of forward-thinking businesses making the web accessible to everyone.

Your website’s accessibility journey begins here. Make an impact.

For more details, visit All in One Accessibility® and transform your digital presence.

Supported Languages (140+ Languages):

English (USA), English (UK), English (Australian), English (Canadian), English (South Africa), Español, Español (Mexicano), Deutsch, عربى, Português, Português (Brazil), 日本語, Français, Italiano, Polski, Pусский, 中文, 中文 (Traditional), עִברִית, Magyar, Slovenčina, Suomenkieli, Türkçe, Ελληνικά, Latinus, Български, Català, Čeština, Dansk, Nederlands, हिंदी, Bahasa Indonesia, 한국인, Lietuvių, Bahasa Melayu, Norsk, Română, Slovenščina, Svenska, แบบไทย, Українська, Việt Nam, বাঙালি, සිංහල, አማርኛ, Hmoob, မြန်မာ, Eesti keel, latviešu, Cрпски, Hrvatski, ქართული, ʻŌlelo Hawaiʻi, Cymraeg, Cebuano, Samoa, Kreyòl ayisyen, Føroyskt, Crnogorski, Azerbaijani, Euskara, Tagalog, Galego, Norsk Bokmål, فارسی, ਪੰਜਾਬੀ, shqiptare, Hայերեն, অসমীয়া, Aymara, Bamanankan, беларускі, bosanski, Corsu, ދިވެހި, Esperanto, Eʋegbe, Frisian, guarani, ગુજરાતી, Hausa, íslenskur, Igbo, Gaeilge, basa jawa, ಕನ್ನಡ, қазақ, ខ្មែរ, Kinyarwanda, Kurdî, Кыргызча, ພາສາລາວ, Lingala, Luganda, lëtzebuergesch, македонски, Malagasy, മലയാളം, Malti, Maori, मराठी, Монгол, नेपाली, Sea, ଓଡିଆ, Afaan Oromoo, پښتو, Runasimi, संस्कृत, Gàidhlig na h-Alba, Sesotho, Shona, سنڌي, Soomaali, basa Sunda, kiswahili, тоҷикӣ, தமிழ், Татар, తెలుగు, ትግሪኛ, Tsonga, Türkmenler, Ride, اردو, ئۇيغۇر, o'zbek, isiXhosa, יידיש, Yoruba, Zulu, भोजपुरी, डोगरी, कोंकणी, Kurdî, Krio, मैथिली, Meiteilon, Mizo tawng, Sepedi, Ilocano, دری.

Installation

Prerequisites

• Strapi version ^5.6.0
• Node.js version ^20.9.0

Steps

You can install this plugin via the Strapi marketplace or by using npm or yarn. Checkout our Strapi All in One Accessibility Extension installation steps blog

Via the Strapi Marketplace

Via NPM

npm i strapi-plugin-all-in-one-accessibility

Via yarn

yarn add strapi-plugin-all-in-one-accessibility

Setup

Add the following code in your ./config/plugins.js file:

'all-in-one-accessibility': {
    enabled: true,
    resolve: './node_modules/strapi-plugin-all-in-one-accessibility',
    config: {
    },
  },

Configuration

Enable API Permissions

1. Ensure your Strapi server is running.
2. In the Strapi admin panel, navigate to the Settings section.
3. Click on the Users & Permissions plugin and select Roles.
4. Choose the Public role from the list.
5. Locate the all-in-one-accessibility option in the permissions list.
6. Check the box for all APIs endpoints under the all-in-one-accessibility option.
7. Save your changes.

Integration Guide: Adding the Accessibility Widget

To integrate the All-in-One Accessibility widget into your website or Strapi frontend, follow the steps below:

Add the Script

Place the following script in the header or footer section of your website or frontend:

<script>
  setTimeout(() => { 
    let aioa_script_tag = document.createElement("script"); 
    aioa_script_tag.src = "https://www.skynettechnologies.com/accessibility/js/all-in-one-accessibility-js-widget-minify.js?colorcode=#420083&token=null&position=bottom_right";  
    aioa_script_tag.id = "aioa-adawidget";
    aioa_script_tag.defer = "true"; 
    document.getElementsByTagName("body")[0].appendChild(aioa_script_tag); 
  }, 3000);
</script>

CORS Policy Configuration

To avoid CORS policy issues, ensure the following URLs are allowed in your website. These URLs should be added to your CORS configuration or trusted domains list.

| Domain | Description | Usage | |-----------------------------------|----------------------------------------------|----------------------------------| | https://*.skynettechnologies.com | Skynet Technologies (Global Domain) | API access and resources | | https://*.skynettechnologies.us | Skynet Technologies (US Domain) | API access and resources | | https://*.googleapis.com | Google APIs | Services like Fonts, Translation | | https://vlibras.gov.br | VLibras - Brazilian Sign Language Service | Sign Language |

Instructions

1. Update your server's CORS configuration to include these URLs.
2. Ensure wildcard subdomains (*) are supported where necessary.
3. Verify the application functionality by testing requests to these domains.
4. If issues persist, consult the Strapi documentation for CORS configuration guidance.

Configuration

To configure the widget, access the Admin Panel and head to the All in One Accessibility menu in the dashboard. From there, you can register here with 10 Days free trial.

Documentation

• Strapi All in One Accessibility
• Strapi All in One Accessibility Extension installation steps blog
• All in One Accessibility - Features Guide

Submit a Support Request

Please visit our support page and fill out the form. Our team will get back to you as soon as possible.

Send Us an Email

Alternatively, you can send an email to our support team: [email protected]

Accessibility Partnership Opportunities

Agencies Partnership

Partner with us as an agency to provide comprehensive accessibility solutions to your clients. Get access to exclusive resources, training, and support to help you implement and manage accessibility features effectively.

Affiliated Partnership

Join our affiliate program and earn commissions by promoting All in One Accessibility™. Share our Widget with your network and help businesses improve their website accessibility while generating revenue.

For more details, Please visit Partnership Opportunities Page

Screenshots

Video

Credits

This addon is developed and maintained by Skynet Technologies USA LLC

Current Maintainers

• Skynet Technologies USA LLC