What?
Highlights the texts and other UI elements on your page if they don't have enough contrast, so that you can decide if you should adjust their colours.
How to
- Drag this Highlight button to your bookmark.
- Go to a web page you want to mess around.
- Click "Highlighter" from your bookmark.
- Press "Ctrl" key to toggle the highlight layer.
- You can always refresh the page to start over.
Example
|
SMALL TEXT: Contrast ratio is HIGHER than 4.5:1 |
SMALL TEXT: Contrast ratio is LOWER than 4.5:1 |
|
|
BIG/BOLD TEXT: Contrast ratio is HIGHER than 3:1 |
BIG/BOLD TEXT: Contrast ratio is LOWER than 3:1 |
|
|
GRAPHIC UI COMPONENTS: |
GRAPHIC UI COMPONENTS: |