a11yNot
AX_COLOR_01
This code example is taken from the Accessibility Developer Tool Documentation
Example Begin
Warning: this product should not be used by any minor without adult supervision.
Very subtle heading
Example End
Code for this Example
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- Bad: small text with a contrast ratio of less than 4.5:1 --> | |
| <p style="color: gray"> <!-- Contrast ratio 3.95:1 --> | |
| Warning: this product should not be used by any minor without adult supervision. | |
| <!-- Bad: large text with a contrast ratio of less than 3.0:1 --> | |
| <h1 style="color: #BBB">Very subtle heading</h1> <!-- Contrast ratio 1.92:1 --> |