How to improve the accessibility of your Plone website quickly?

How to improve the accessibility of your Plone website quickly?
By: Skynet Technologies USA LLC
Jul 29, 23
Aug 04, 23
Plone web accessibility widget

The internet landscape is changing. For website owners, it is essential to deliver accessible and seamless user experience by ensuring all visitors can see, understand, navigate, and easily use your Plone website conveniently!

Using web accessibility overlay or widget is a quick, cost-effective, and feasible way to kick-start your efforts into improving website accessibility.

We have developed Plone All in One Accessibility - a quick website accessibility improvements widget; based on AI and assistive technology. It allows users to select available accessibility features as per their needs and peruse the content. It is ideal for start-ups, micro, small, and medium business websites.

The most important competitive advantage of All in One Accessibility widget is; it can be installed in just 2 minutes. This guide provides the installation steps for improving your website content accessibility among people with disabilities.

How to install Plone All in One Accessibility widget on your website?

  • Install plone.all_in_one_accessibility by adding it to your buildout file:

  • Update base.cfg file with following lines of code.

    eggs =
  • Execute following command to apply Plone All in One Accessibility Module in your Plone site

  • Install package: Go to Plone backend ➝ site setup ➝ add-ons ➝ Install Plone-all-in-one-accessibility package

    plone website accessibility remediation
  • Go to Admin panel and see the ACCESSIBILITY Tab and Click on Add link

  • To change widget colour: Go to Admin panel ➝ All-in-one accessibility Settings

    plone wcag web accessibility
  • Add Hex Colour Code

    plone ada website accessibility
  • To change widget position: Please select any one option from 8 different positions.

    plone all in one accessibility
  • If you have purchased License key, then please add save the Model.

    plone accessible website design
  • Integrate API in the footer component using dynamic script tag and API url would be <your domain/Plone/all-in-one-accessibility-settings/@widget>


    • Header must accept application/json and set mode as no-cors.

      const request0ptions = {
        method: 'GET',
        headers: {"Accept":"application/json"},
        redirect: 'follow',
        mode: 'no-cors',
    • You can pass authentication in api or change view permission from: Go to Plone backend ➝ Site-setup ➝ management-interface ➝ all-in-one-accessibility-setting ➝ security

      accessible plone website design

Reach out if you need any help with the installation or technical assistance! We’d love to help!

Report a problem

We are an organizational member of W3C (World Wide Web Consortium) and IAAP (International Association of Accessibility Professionals) which help us to be a part of the global accessibility community and stay up to date with compliance guidelines.

The businesses, large enterprises, Federal and state governments, educational institutions and universities who are considering remediating websites with full ADA WCAG 2.1 compliance; we provide full website accessibility remediation solution including audit, consulting, remediation, regular maintenance, monitoring, training, and support.

If you are looking for enterprise or custom web accessibility solutions, request a free ADA website accessibility remediation quote or email us at

Request Free Quote

This question is for testing whether or not you are a human visitor and to prevent automated spam submissions.
7 + 3 =
Solve this simple math problem and enter the result. E.g. for 1+3, enter 4.