Code Monkey home page Code Monkey logo

jcmpagel / allyviz Goto Github PK

View Code? Open in Web Editor NEW
2.0 1.0 1.0 782 KB

This tool leverages the power of axe-core and Google Lighthouse to offer a straightforward, free resource for identifying and addressing over 50 web accessibility issues. Designed for ease of use, it aims to make the web more accessible to all, including those with disabilities.

Home Page: https://allyviz.com/

License: MIT License

HTML 13.34% JavaScript 54.96% CSS 31.70%
a11y accessibility ally axe axe-core google-lighthouse lighthouse web-accessibility web-testing

allyviz's Introduction

Accessibility Tool Header

Accessibility Tool

Description: This tool leverages the power of axe-core and Google Lighthouse to offer a straightforward, free resource for identifying and addressing over 50 web accessibility issues. Designed for ease of use, it aims to make the web more accessible to all, including those with disabilities.

Why

First of all, big thanks go to the team of axe-core and Google Lighthouse, as this page is built on their open-sourced code. Our motivation is to make the web more accessible and to simplify the process for website owners, developers, and users who wish to share issues with website owners, allowing for the checking of over 50 accessibility issues totally for free. While there are more comprehensive tools available, they often require installation, and sharing results is not as straightforward as it is here.

“For many people, technology makes things easier. For people with disabilities, technology makes things possible. Accessibility means developing content to be as accessible as possible, no matter an individual’s physical and cognitive abilities and how they access the web.”

How

The code for this tool can be found on our GitHub page. In short, it utilizes Google Lighthouse, whose accessibility section is heavily based on axe-core, and translates the JSON report into a visual interface. This website currently relies on the free Lighthouse API (huge thanks to Google). Should the API be discontinued, we are prepared to host the open-source code on our servers. (Please don’t turn it off.)

Limitation

This tool is just the beginning; automatic accessibility testing has its limitations. For a more thorough assessment, browser plugins like “Accessibility Insights for Web” offer enhanced capabilities when coupled with human involvement.

What does allyviz mean?

Accessibility (often abbreviated to A11y — as in, “a”, then 11 characters, and then “y”) in web development signifies enabling as many people as possible to use websites, even those whose abilities are limited in some way. “Ally” seemed cooler than “a11y”, and “viz” stands for visualization, embodying our goal of making accessibility insights more visible and actionable.

allyviz's People

Contributors

jcmpagel avatar

Stargazers

Dev_Company avatar dai avatar

Watchers

 avatar

Forkers

ishanamin

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.