# WCAG Shades

> Contrast test your camera feed

Canonical page: [https://chrome-stats.com/d/id1570595563](https://chrome-stats.com/d/id1570595563)

## Overview

- **ID:** `id1570595563`
- **Platform:** Apple
- **Type:** Apple app
- **Status:** Available
- **Publisher:** Roasting Apps LLC
- **Category:** Graphics & Design
- **Rating:** 5.00 / 5 (2 ratings)
- **Version:** 1.1
- **Last updated:** 2021-07-24
- **First published:** 2021-06-09
- **Size:** 1.99 MB
- **Data as of:** 2026-09-04
- **Store listing:** [Apple App Store](https://apps.apple.com/us/app/wcag-shades/id1570595563)
- **Website:** [https://inclusivityapp.com/wcag-shades/](https://inclusivityapp.com/wcag-shades/)
- **Privacy policy:** [https://github.com/importRyan/WCAG-Shades/blob/main/README.md](https://github.com/importRyan/WCAG-Shades/blob/main/README.md)

## Description

Use your camera to get a feel what WCAG's color contrast ratio. Any pixel in your camera feed that doesn't pass WCAG's guidelines for your chosen contrast color will get knocked out of the picture by Metal. You can also see contrast testing in live color blindness simulations (Machado et al.).

The Web Content Accessibility Guidelines 2.1, which Apple recommends developers follow, sets a minimum luminance contrast ratio for legible text and icon states. 

(To state the obvious, iPhone and iPad sensors do not magically quantify photoelectrons into absolute lumens. WCAG's heuristic is intended for screens, not whatever exposure bias you choose. This is a conceptual way to explore the guidelines IRL, not some shortcut to telling legal, QA or UX that you tested the latest release super quick... just go have fun.)

## Rankings

- #633,154 — Overall

## Similar extensions and apps

- [DAC Color Contrast Checker](https://chrome-stats.com/d/id6743027333)
- [Contrasts - WCAG Colors](https://chrome-stats.com/d/id1515015989) — 4.80 / 5
- [ColorAudit: Color Picker](https://chrome-stats.com/d/id6760950351)
- [Pixel Contrast Checker](https://chrome-stats.com/d/id6756552297)
- [Contrast Tester for WCAG A11y](https://chrome-stats.com/d/id6755570030)
- [WCAG Contrast Checker](https://chrome-stats.com/d/id6772264929)
- [ColorContrastChecker](https://chrome-stats.com/d/id1117296713) — 1.00 / 5
- [Contrast Aa](https://chrome-stats.com/d/id6761348234)
- [CONTRAST - Color Accessibility](https://chrome-stats.com/d/id1479393385) — 5.00 / 5
- [Accessibility Audit](https://chrome-stats.com/d/id6771714618)
- [Contrastly: WCAG Checker](https://chrome-stats.com/d/id6759523070)
- [Accessible Colors](https://chrome-stats.com/d/id1598182020) — 1.00 / 5

---

Source: [Chrome-Stats](https://chrome-stats.com/d/id1570595563)