pages.colorContrast.wcagStats.normalText.ratiopages.colorContrast.wcagStats.normalText.labelpages.colorContrast.wcagStats.normalText.detail
pages.colorContrast.wcagStats.largeText.ratiopages.colorContrast.wcagStats.largeText.labelpages.colorContrast.wcagStats.largeText.detail

pages.colorContrast.textContrast.title

components.exampleToggle.badExample

pages.colorContrast.textContrast.bad.sample1

Ratio: 2.2:1

pages.colorContrast.textContrast.bad.sample2

Ratio: 3.8:1

pages.colorContrast.textContrast.bad.sample3

Ratio: 1.9:1

pages.colorContrast.textContrast.bad.sample4

Ratio: 1.2:1

pages.colorContrast.textContrast.bad.sample5

Ratio: 2.5:1

pages.colorContrast.textContrast.bad.sample6

Ratio: 1.8:1

components.exampleToggle.goodExample

pages.colorContrast.textContrast.good.sample1

Ratio: 7.0:1

pages.colorContrast.textContrast.good.sample2

Ratio: 21:1

pages.colorContrast.textContrast.good.sample3

Ratio: 5.9:1

pages.colorContrast.textContrast.good.sample4

Ratio: 8.6:1

pages.colorContrast.textContrast.good.sample5

Ratio: 21:1

pages.colorContrast.textContrast.good.sample6

Ratio: 12.3:1

components.exampleToggle.explanation pages.colorContrast.textContrast.explanation

pages.colorContrast.colorInfo.title

components.exampleToggle.badExample

pages.colorContrast.colorInfo.form.heading

🔴 pages.colorContrast.colorInfo.form.legend

pages.colorContrast.colorInfo.orders.heading

#1234
#1235
#1236

components.exampleToggle.goodExample

pages.colorContrast.colorInfo.form.heading

❌ pages.colorContrast.colorInfo.form.errors.nameMin
✅ pages.colorContrast.colorInfo.form.success.email
❌ pages.colorContrast.colorInfo.form.errors.passwordMin

pages.colorContrast.colorInfo.orders.heading

#1234 pages.colorContrast.colorInfo.orders.pending
#1235 pages.colorContrast.colorInfo.orders.processing
#1236 pages.colorContrast.colorInfo.orders.delivered

components.exampleToggle.explanation pages.colorContrast.colorInfo.explanation

pages.colorContrast.colorblind.title

components.exampleToggle.badExample

pages.colorContrast.colorblind.chart.title

pages.colorContrast.colorblind.chart.legend.errors pages.colorContrast.colorblind.chart.legend.success
pages.colorContrast.colorblind.chart.months.jan
pages.colorContrast.colorblind.chart.months.feb
pages.colorContrast.colorblind.chart.months.mar

components.exampleToggle.goodExample

pages.colorContrast.colorblind.chart.title

pages.colorContrast.colorblind.chart.legend.errors pages.colorContrast.colorblind.chart.legend.success
pages.colorContrast.colorblind.chart.months.jan
pages.colorContrast.colorblind.chart.months.feb
pages.colorContrast.colorblind.chart.months.mar

components.exampleToggle.explanation pages.colorContrast.colorblind.explanation

pages.colorContrast.theme.title

components.exampleToggle.badExample

☀️
🌙
pages.colorContrast.theme.bad.content

pages.colorContrast.theme.bad.description

pages.colorContrast.theme.bad.card.title

pages.colorContrast.theme.bad.card.description

components.exampleToggle.goodExample

pages.colorContrast.theme.good.legend
pages.colorContrast.theme.good.content

pages.colorContrast.theme.good.description

pages.colorContrast.theme.good.card.title

pages.colorContrast.theme.good.card.description

components.exampleToggle.explanation pages.colorContrast.theme.explanation

pages.colorContrast.links.title

components.exampleToggle.badExample

pages.colorContrast.links.heading

pages.colorContrast.links.intro pages.colorContrast.links.learnMore pages.colorContrast.links.bestPractices pages.colorContrast.links.wcag

pages.colorContrast.links.resources

components.exampleToggle.goodExample

pages.colorContrast.links.heading

pages.colorContrast.links.intro pages.colorContrast.links.learnMore pages.colorContrast.links.bestPractices pages.colorContrast.links.wcag

pages.colorContrast.links.resources

components.exampleToggle.explanation pages.colorContrast.links.explanation

common.copyright