https://github.com/adarosecannon/contrast-widget

Bookmarklet to analyse the contrast of test elements in a document
https://github.com/adarosecannon/contrast-widget

Last synced: 2 months ago
JSON representation

Bookmarklet to analyse the contrast of test elements in a document

• Host: GitHub
• URL: https://github.com/adarosecannon/contrast-widget
• Owner: AdaRoseCannon
• License: mit
• Created: 2016-02-10T06:27:53.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2021-02-25T13:17:07.000Z (almost 4 years ago)
• Last Synced: 2024-10-04T16:24:53.509Z (3 months ago)
• Language: JavaScript
• Size: 339 KB
• Stars: 12
• Watchers: 2
• Forks: 0
• Open Issues: 11
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
This is a bookmarklet to run on any page to analyse the contrast of the text on a page and highlight elements which may have readability issues.

Full Details: https://ada.is/blog/2016/02/12/contrast-bookmarklet/

## Build instructions for the Contrast Widget

```

npm install

npm run build

```

Open up `build/index.html` in Chrome to test the widget, it runs automatically on that page.

## Developing

`npm run watch` to build automatically.

## Building

Only update the version number if the bookmarklet has changed. The bookmarklet will compare against this number for prompting the user to update the widget.

## Todo

## Algorithmic improvements

* Handle semitransparent backgrounds better

* Ignore 0 area elements

## Usage improvements

* Option to turn off update checking.