GithubHelp home page GithubHelp logo

tbosak / ability Goto Github PK

View Code? Open in Web Editor NEW
18.0 2.0 0.0 21.55 MB

Ability is a browser extension that helps people with varying degrees of ability have more control over their browsing experience.

Home Page: https://chromewebstore.google.com/detail/ability/gldepcmoodehphjbjhcmafjkmemajgpo

JavaScript 83.76% HTML 16.24%
accessibility autocomplete chrome chrome-extension chrome-web-store dictionary disabilities extension tts assistive

ability's Introduction

Ability

Ability is a Chrome extension designed to enhance web accessibility for users with different needs. It is a comprehensive collection of assistive tools, providing a range of features including text-to-speech, speech-to-text, image hiding, high contrast mode, dyslexia-friendly font injection, etc. This collection of tools was designed keeping in mind individuals with sensory sensitivities, dyslexia, epilepsy, visual & mobility impairments, and intellectual disabilities. The features will continue to grow as more needs are discovered. See the list of upcoming features for a look at what's coming down the pipeline.

Features

  • Text-to-Speech (TTS): Customize TTS in the pop-up, access via context menu.
  • Image Hiding: Toggle to hide all images on the page.
  • High Contrast: Enhance the page's contrast for easier reading.
  • Dyslexia-Friendly Font: Replace the page's font with a dyslexia-friendly one.
  • Highlight Links: Make all links on the page more visible.
  • Disable Animations: Stop all CSS animations, autoplaying videos, and animated gifs. Refresh the page to resume.
  • Focus Line: Create a horizontal line that follows the cursor to assist with reading.
  • Letter Spacing: Increase the spacing between letters.
  • Dimmer Overlay: Apply an overlay to dim unfocused content, with a "flashlight" effect around the cursor.
  • Large Cursor: Enlarge the cursor for better visibility.
  • Autocomplete: Enables autocomplete on all text inputs on the page.

Context Menu Options

Right-click to access the following options:

  • Speak: Read aloud the selected text.
  • Speech-To-Text: Convert speech into text in text inputs.
  • Define: Look up definitions for the selected word.
  • Image Magnifier: Get a closer look at an image.
  • Focused Reading: Bolds parts of selected text for an experience similar to Bionic Reading.

Installation

  1. Download the extension from the Chrome Web Store.
  2. Click 'Add to Chrome' to install the extension.
  3. Once installed, click on the extension icon in the toolbar to access and toggle features.

Usage

After opening the extension menu, adjust the TTS settings or toggle any of the accessibility features according to your preference. Select text and use the context menu by right-clicking to access TTS, Speech-to-Text, or the Define feature.

Context Menu Usage

  • To use the Speak feature, select any text on the page, right-click, and select "Speak".
  • To convert speech to text, right-click on any text input field and select "Speech-To-Text".
  • To get the definition of a word, select it, right-click, and choose "Define".

Possible Upcoming Features

  • Image Magnifier🔎
  • Focused Reading
  • User Profiles
  • Webgazer👀Tracking?

Feedback

If you have any feedback or suggestions for new features, please contact us at [[email protected]].

License

This project is licensed under the MIT License - see the LICENSE.md file for details.

ability's People

Contributors

tbosak avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

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