Boost the content accessibility of your Wagtail website instantly!

The internet landscape is changing. For website owners, it is essential to deliver an accessible and seamless user experience by ensuring all visitors including people who are blind, hearing or vision impaired, motor impaired, color blind, dyslexia, cognitive & learning impaired, seizure & epileptic, and with ADHD problems; can see, understand, navigate, and easily use Wagtail website conveniently!

Kick-start your efforts into improving website accessibility in a cost-effective way with Wagtail Accessibility Integration - an AI based accessibility solution for quick website accessibility improvements. It allows users to select available accessibility features as per their needs and peruse the content. It improves website accessibility for the standards including ADA, WCAG 2.0, WCAG 2.1, WCAG 2.2, Section 508, Australian DDA, European EAA EN 301 549, UK Equality Act (EA), Israeli Standard 5568, California Unruh, Ontario AODA, Canada ACA, German BITV, France RGAA, Brazilian Inclusion Law (LBI 13.146/2015), Spain UNE 139803:2012, Japan JIS X 8341, Italian Stanca Act, Switzerland DDA, and Austrian Web Accessibility Act (WZG)!

Explore the following steps to integrate All in One Accessibility widget as a part of Wagtail website:

• Install the Wagtail All-in-One Accessibility module like the generic Wagtail module using the below commands:

  pip install wagtail-all-in-one-accessibility

• Run the following command to install wagtail-modeladmin:

  pip install wagtail-modeladmin

• Add 'wagtail.contrib.settings', 'wagtail_modeladmin', and 'wagtail_all_in_one_accessibility' to the INSTALLED_APPS list. Update your settings.py file with the following lines of code:

  INSTALLED_APPS = [ 
   'wagtail_modeladmin', 
   'wagtail.contrib.settings', 
   'wagtail_all_in_one_accessibility',
  ]

• Add 'wagtail_all_in_one_accessibility.context_processors.admin_AIOA' to the context_processors section in your TEMPLATES setting within settings.py:

  TEMPLATES = [
   {
   'BACKEND': 'django.template.backends.django.DjangoTemplates', 
   'DIRS': [], 
   'APP_DIRS': True,
   'OPTIONS': {
      'context_processors': [ 
      'accessibility.context_processors.admin_AIOA', 
      ],
    }, 
   },
  ]

• Add the script tag to the footer of your base.html template:

  {% block footer %}
      <script id="aioa-adawidget" src="{{ AIOA_URL }}"></script>
  {% endblock %}

• Execute the following command to run migrations for All-in-One Accessibility Module:

  python manage.py migrate

• Restart your app server with this command and check the admin panel the model is ready to use.

  python manage.py runserver

• Once the All in One Accessibility module is installed, you can view the settings screen as shown below.

• Go to the Admin panel, locate the ACCESSIBILITY tab, and click on “All in One Accessibility”.

  

• To change the widget settings – go to Admin panel ➝ All-in-one accessibility Settings.

  

Skynet Technologies is a proud W3C (World Wide Web Consortium) and IAAP (International Association of Accessibility Professionals) member that 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.0, WCAG 2.1, WCAG 2.2 compliance; we provide Affordable digital accessibility remediation including audit, consulting, website remediation, document accessibility remediation, VPAT accessibility conformance report, regular maintenance, monitoring, training, and support.

If you are looking for enterprise or custom web accessibility solutions, request a free Section 508 compliance estimate or email us at hello@skynettechnologies.com.