Skip to main content

All in One Accessibility widget improves Django website ADA compliance and browser experience for ADA, WCAG 2.1, Section 508, Australian DDA, European EAA EN 301 549, UK Equality Act (EA), Israeli Standard 5568, California Unruh, Ontario AODA, Canada ACA, German BITV, and France RGAA Standards

Project description

All in One Accessibility

  • All in One Accessibility widget improves django website ADA compliance and browser experience for ADA, WCAG 2.1, Section 508, Australian DDA, European EAA EN 301 549, UK Equality Act (EA), Israeli Standard 5568, California Unruh, Ontario AODA, Canada ACA, German BITV, and France RGAA Standards.

  • 2 Minute installation

  • Screen Reader, dynamic widget color and position, supports multiple languages (40 languages)

  • Reduces the risk of time-consuming accessibility lawsuits.

It uses the accessibility interface which handles UI and design related adjustments. All in One Accessibility app enhances your Django website accessibility to people with hearing or vision impairments, motor impaired, color blind, dyslexia, cognitive & learning impairments, seizure and epileptic, and ADHD problems. It uses the accessibility interface which handles UI and design related adjustments.

django-all-in-one-accessibility-introduction - introduction of All in One Accessibility widget .

You can use this package in Django/Django-CMS/Django-Oscar


Installation

  • Run pip install django-all-in-one-accessibility
  • Add accessibility in settings.INSTALLED_APPS
  • Add accessibility.context_processors.admin_AIOA in settings.TEMPLATES context_processors
  • Add <script id="aioa-adawidget" src="{{ AIOA_URL }}"></script>put this line in your base.html footer
  • Run python manage.py migrate
  • Run python manage.py runserver for Restart your application server

Usage

Steps for Django and Django CMS


Settings.INSTALLED_APPS

Just add accessibility in to your setting.INSTALLED_APPS:

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'accessibility',
]

Settings.TEMPLATES

Just add accessibility.context_processors.admin_AIOA in your setting.TEMPLATES:

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

Base.html

Just add this tag in your base.html footer(your main template of django website) <script id="aioa-adawidget" src="{{ AIOA_URL }}"></script>:

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

Migrate

Migrate your app

python manage.py migrate

Restart

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

python manage.py runserver

Steps for Django Oscar


Settings.INSTALLED_APPS

Just add accessibility in to your setting.INSTALLED_APPS:

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'accessibility',
]

Settings.TEMPLATES

Just add accessibility.context_processors.admin_AIOA in your setting.TEMPLATES:

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

Base.html

There is some changes in base.html file for Oscar project when u are using django oscar there is already base.html file exists so u need to go to oscar project directory which are locate in your site-packages(go to site-packages -> oscar -> templates ->oscar -> base.html) put this tag <script id="aioa-adawidget" src="{{ AIOA_URL }}"></script> in oscar/templates/oscar/base.html footer

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

Migrate

Migrate your app

python manage.py migrate

Restart

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

python manage.py runserver

Project details


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

django-all-in-one-accessibility-2.0.1.tar.gz (20.7 kB view hashes)

Uploaded Source

Supported by

AWS AWS Cloud computing and Security Sponsor Datadog Datadog Monitoring Fastly Fastly CDN Google Google Download Analytics Microsoft Microsoft PSF Sponsor Pingdom Pingdom Monitoring Sentry Sentry Error logging StatusPage StatusPage Status page