Git Product home page Git Product logo

contextualizehtml's Introduction

Elizabeth Chan - Thesis Project


This is a Chrome extension that can be used to contextualize HTML code. Its purpose is for people who are visually-impaired/blind and would like to use the W3Schools' website as a resource to learn HTML. The screen reader, ChromeVox, can be used to test to see how the speech differentiates before the HTML is processed by the extension and after it is processed.

Installing this extension from source:

  1. Go to Extensions in Chrome
  2. Turn "Developer mode" on
  3. Click "Load unpacked extension" and (after downloading the zip file or cloning it from this Gitub repo) point it to the folder "ContextualizeHTML"
  4. Go to https://www.w3schools.com/ and click on the icon designated for this Chrome extension (looks like computer screen with a </> tag). You can toggle what kind of output you would like to see (different levels of abstraction from the baseline examples) through the pop up menu that drops down from the Chrome extension icon.

Installing the ChromeVox screen reader to test this Chrome extension

  1. Go to the Chrome Webstore
  2. Search for ChromeVox
  3. Click "Add to Chrome" next to ChromeVox extension

Other Notes and Additional Information

  • Unfortunately, the only way to disable the voice for ChromeVox screen reader is to entirely disable the extension; additionally, you can temporarily stop the ChromeVox voice by clicking control
  • Resources for learning how to use ChromeVox can be found in this tutorial, and this overview. You can find information about hotkeys here

contextualizehtml's People

Contributors

elizabethmchan2 avatar

contextualizehtml's Issues

adding tables

(easier) make tables into words,

(harder) add information to the table itself so that it can be move through

options for interacting with tables

options in popup.html file that says do i want to include headings, rows and columns, and can toggle any of them
-just the data
-or some combination of the information (include headings, exclude headings, include rows, exclude rows, say the data and "next row is " next row of data")

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.