A Quick Oscar Ecommerce website accessibility improvements in just 2 minutes!

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 Oscar Ecommerce 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 Oscar Ecommerce 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 Oscar Ecommerce Web All in One Accessibility widget on your website?

• Install the django-all-in-one-accessibility module like generic Oscar Ecommerce module: https://pypi.org/project/django-all-in-one-accessibility/

• Update settings.py file with following lines of code:

  INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'accessibility',
  ]
  
  TEMPLATES = [
    {
      'BACKEND': 'django.template.backends.django.DjangoTemplates',
      'DIRS': [os.path.join('template')],
      'APP_DIRS': True,
      'OPTIONS': {
        'context_processors': [
          'accessibility.context_processors.admin_AIOA',
        ],
      },
    },
  ]

• Add script tag in your base.html footer

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

  Note: Base.html file already exist in your Oscar templates. Go to site-packages ➝ Oscar templates ➝ Oscar ➝ base.html

• Execute following command to migration All in One Accessibility Module

  python manage.py migrate

• Once All in One Accessibility module installed, you can see the setting screen as below

• 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

• Add Hex Colour Code

  

• If you would like to change default widget position as you can select from dropdown as per your need.

  

• If you have purchased License key, then please add as per screenshot, and save the Model.

  

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 hello@skynettechnologies.com.