1. Home
  2. /
  3. WEBDEV
  4. /
  5. Website Maintenance
  6. /
  7. Accessibility Plugin Setu...

Accessibility Plugin Setup

1. Procedure Title

Name of the Process: Accessibility Plugin Setup

2. Purpose

Brief Description: Establish a standardized process for setting up Accessibility Plugin

3. Scope

Involved Areas: Website Maintenance

4. Responsibilities

Roles and Responsibilities: 

  • Webdev – Installing and setting up Accessibility Plugin

5. Definitions and Key Terms

Glossary: 

Website Accessibility – Web accessibility, or eAccessibility,[1] is the inclusive practice of ensuring there are no barriers that prevent interaction with, or access to, websites on the World Wide Web by people with physical disabilities, situational disabilities, and socio-economic restrictions on bandwidth and speed. When sites are correctly designed, developed and edited, more users have equal access to information and functionality.

Pages / Webpage – A web page (or webpage) is a document on the Web that is accessed in a web browser.[1] A website typically consists of many web pages linked together under a common domain name. The term “web page” is thus a metaphor of paper pages bound together into a book.

Plugins – A WordPress plugin is a piece of software that “plugs into” your WordPress site. Plugins can add new functionality or extend existing functionality on your site, allowing you to create virtually any kind of website, from ecommerce stores to portfolios to directory sites.

One Click Accessibility – The One Click Accessibility toolbar is the fastest plugin to help you make your WordPress website more accessible.

6. Procedure Details

6.1. Preparation and Prerequisites

  • One Click Accessibility Plugin
  • One Click Accessibility SOP

6.2 Timeline for Task Completion

  • 5 Minutes – 10 Minutes per website.

6.3. Step-by-Step Procedure

  1. Go to Plugins -> Add New Plugin

  1. Search for One Click Accessibility then click install and activate

  2. On WordPress Dashboard go to Appearance

  3. Additional CSS

  4. Add the following CSS.

     

/* ADA CSS */

.pojo-a11y-toolbar-toggle {

bottom: 0 !important;

}

#pojo-a11y-toolbar {

bottom: 0 !important;

}

/* END ADA CSS */

  1. Go back then click Accessibility

 

  1. Set the following Values to Blank

 

  1. Click Publish

  2. Review If the ADA is already positioned on the bottom left of the website.

 


6.4. Tools and Resources

  • One Click Accessibility Plugin
  • One Click Accessibility SOP

7. Quality Control and Evaluation Metrics

Website Maintenance:

  • One Click Accessibility – Should Properly Setup and position on the bottom left side of the website.

8. Exception and Problem Handling

  • CSS Not Working – Make sure to just copy and paste the code given in this SOP.

9. Documentation and Record Keeping

Documentation Requirements: SOP Google Drive

10. Procedure Review and Update

 

Review Frequency: Every 6 Months for new edits and revisions

Still stuck? Contact

How can we help?