Giter VIP home page Giter VIP logo

web-accessibility-checker-hci584's Introduction

Web Accessibility Checker (HCI584)

This application evaluates text that is used for links and alternative text for images.

Description

The most common web accessibility issues are missing or incorrect text for links and images. Without proper text on these, screen readers won't be able to appropriately relay webpage information. This application allows users to enter a web address and select the type of data (images or links) they want to evaluate. Data is then displayed in a table that shows web address, thumbnail (for images), text content, and pass/fail score.

The image score is determined by checking if the alternative text is between 4 to 80 words and the text doesn't start with the phrases “image of'' or “picture of.” The link score is determined by checking if the text is betweem 4 to 30 words and doesn't start with the phrases “read more” or “click here.”

Requirements

  • Python 3.10 or higher
  • Python packages:
    • Flask
    • requests
    • bs4 (BeautifulSoup)

Installation

  • Use pip to install the required third party packages: pip -r requirements.txt

Usage

  1. From an IDE, run the main.py file. If you don’t have an IDE, open a terminal to the appropriate folder and type in python main.py. The application will start, and you should see a local URL (e.g., http://127.0.0.1:5000/) in the terminal.

  2. Access this application by opening your web browser, then enter the local URL provided.

Entering a web address and selecting the type of data to view

  1. Enter a web address and select the type of data to view. The web address must start with http:// or https://. Select "Images" or "Links" from the dropdown menu to view the corresponding data.

Sorting the table by clicking on the Score header

  1. View the results. After submitting the web address and data type, the application will display a table containing the relevant information. Sort the table by clicking on the Score header to order the pass/fail score in ascending or descending order

  2. Export data to CSV. To export the displayed table data to a CSV file, click on the "Export Image Table" or "Export Link Table" button.

Known Issues

  • The application might not handle certain web page structures or non-standard HTML formats effectively.
  • Some web pages may have security measures that prevent the scraper from accessing their content.

Acknowledgments

This project makes use of the Flask framework, BeautifulSoup, and other helpful Python packages.

web-accessibility-checker-hci584's People

Contributors

thejordanwood avatar chharding 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.