Skip to content

Commit

Permalink
Create README.md
Browse files Browse the repository at this point in the history
  • Loading branch information
chris-siegemedia authored May 8, 2024
1 parent 8f20a81 commit 7ff045d
Showing 1 changed file with 29 additions and 0 deletions.
29 changes: 29 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@

![Logo](https://www.siegemedia.com/wp-content/themes/SiegeMedia2022/assets/imgs/logo.svg)



# Contrast Ratio

[Official version](https://www.siegemedia.com/contrast-ratio)

A tool to calculate the [WCAG (Web Content Accessibility Guidelines)](https://www.w3.org/TR/WCAG/#contrast-minimum) contrast ratio of text on a web page.

WCAG define two levels of compliance that differ only in the contrast ratio:

Level AA:
- 4.5:1 for normal text
- 3:1 for large text
- 3:1 for graphics and user interface components (such as form input borders)
Level AAA:
- 7:1 for normal text
- 4.5:1 for large text

Large text is defined as 14 point (typically 18.66px, or 1.2rem when the root font is 16px) and bold or larger, or 18 point (typically 24px or 1.5rem) or larger.

NOTE: this repo does not create the public website any longer. The code is used as the basis for the page at [Siege Media](https://www.siegemedia.com/contrast-ratio).
## Acknowledgements

- [Lea Verou](http://lea.verou.me/) for initial concept and programming
- [Seth Falco](https://github.com/SethFalco)

0 comments on commit 7ff045d

Please sign in to comment.