Giter Club home page Giter Club logo

site-surveyor's Introduction

Inclusivity Checker: A Testing Tool to Detect Inclusivity Bugs in Websites

At the current speed of technological advancement, particularly with the pandemic driving the shift from physical to virtual, everyone must have access to the digital world. Guidelines for accessible technology exist to assist software engineers in creating websites accessible to disabled populations but are extensive and, therefore, difficult to follow completely. Additionally, no standard guidelines are available to address a wider range of human diversity beyond disabilities. In this paper, we present a browser extension tool, Inclusivity Checker, that can assist in building more inclusive websites by performing tests on checkpoints categorized into various user groups based on disability type and diversity parameters. These checkpoints are based on existing guidelines and present developers with errors, warnings, and tips. To gauge the efficiency of the developed tool, we evaluated the results manually. Furthermore, we collected the developers’ feedback on the tool to test its usability.

How do I run this tool?

Note : This tool is only supported on chromium based browsers

  • Download the dist zip from here and extract it anywhere on your device.

  • Enable developer mode for chrome or chromium based browser. You may find it under Extensions. See screenshot below.

Extensions.png

  • Switch ON the developer mode and click on Load unpacked. See below.

Developer Mode.png

  • Navigate to the extracted dist folder and open the directory.

  • You shall now see Inclusivity Checker installed in your browser.

Inclusivity Checker.png

  • Open and try out the different areas of disability based detections!.

Tool Demo.png

site-surveyor's People

Contributors

defalt18 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.