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