Project Vibl

Welcome to Our Project Page!

This webpage is for our project in CS770 Human-Computer Interaction. The goal of the project is to build a tool that helps check the accessibility of a webpage and encourages web developers build a more accessible website.

Motivation

Although there are different guidelines and laws to ensure the accessibility of a websites, there are still plenty of websites not accessible enough for visually impaired users. According to this website, 97 % of websites does not provide minimum levels of accessibility. We think it is important to help increase the rate of accessibility of all websites. Therefore, we decide to build a tool that helps web developers add accessibility to their websites.

Research Question

What are the current challenges for developers to make applications accessible?

How can we design effective tool to help developers make websites accessible?

What is the effect of Vibl on accessibility during web developers’ designing process?

Related Work

There are plenty of reasons that developers do not design for accessibility. Previous research papers show that …

Developers are lacking of awareness of the need of different users

Population of potential users with disability is small

It is hard to incorporate all special needs for different users

Design of Our Tool

Functions of the tool

1. Warning message about which accessibility guideline your website does not pass.

2. Encouragement message about which accessibility guidelines are successfully included in your website.

Gamification

1. Give you the information that how many other websites successfully pass the test that your website does not.

2. Give encouragement message that how many test your website successfully pass.

Learning

guideline

Our Hypothesis

We assume by using our tool, web developers can use less extra effort to incorporate accessibility in their websites and they can learn more knowledge about accessibility rules during the process.

Design of Our Study

Interview web developers to know the current challenge of adding web accessibility.

Design tools based on the interviews.

Evaluation of effect of the tools on accessibility.

Result

The main result for Vibl: we have significant improvement on the easiness of learning web accessibility guidelines and the easiness of adding accessibility to developers' websites.

Discussion and Future Work

The improvement for the motivation on adding web accessibility is small. We will work on this. Moreover, we plan to add more functions to make web developers incorporate accessibility in their works more easily.

Authors and Contributors

Achin Kulshrestha (@achinkulshrestha), Chih-Ching Chang (@eyeccc), Akshay Uttamani

Reference

Something will be added. W3C

Special Thanks

We appreciate the people at Practicum for letting us interview their awesome team of professional web developers and their valuable feedback for the Vibl tool. We appreciate the people at Sudo for letting us interview as well. Moreover, we appreciate the help from our instructor, Dr. Bilge Mutlu.

Support or Contact

Having trouble with Pages? Check out our documentation or contact support and we’ll help you sort it out.