# Accessibility: Improve contrast of text styling in default UI

**URL:** https://meta.discourse.org/t/accessibility-improve-contrast-of-text-styling-in-default-ui/14632
**Category:** Feature
**Created:** [9. April 2014 um 21:13 UTC](https://meta.discourse.org/t/accessibility-improve-contrast-of-text-styling-in-default-ui/14632 "2014-04-09T21:13:34Z")
**Posts on this page:** 1
**Showing post:** 3

<div class="post-metadata">

### Author: ![downey](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/downey/32/166878_2.png) [@downey](https://meta.discourse.org/u/downey)
#### Post date: [19. August 2014 um 19:41 UTC](https://meta.discourse.org/t/accessibility-improve-contrast-of-text-styling-in-default-ui/14632/3 "2014-08-19T19:41:56Z")

</div>

**Here are some updated examples** for the most recent (AFAICT) colors used in coldmapping on the `/latest` page against the white `#ffffff` background.

**TL;DR:** As with the above items, people with less-than-perfect vision may not be able to see any difference in any of these colors.

![](https://global.discourse-cdn.com/meta/original/3X/c/d/cd7159e19511e8ac4b5a6ffab92935685a7eca6c.png)

- “Light blue” `#91cdf5` cold map dates: **1.71:1** (fails at WCAG AA and AAA for large and small text)
- “Dark blue” `#91afd2` cold map dates: **2.27:1** (fails at WCAG AA and AAA for large and small text)
- “Grey” `#919191` cold map dates: **3.15:1** (fails at WCAG AAA for large and small, and AAA for small, and but passes AA for large text)

**Note:** The contrast ratio between the two blues is also only **1.32:1** which fails all measures.

![](https://global.discourse-cdn.com/meta/original/3X/1/3/134a4b3d0abbcad264d0b098933dbf7ec15d1f5f.png)

- “Bright orange” `#fe7a15` heat map values: **2.62:1** (fails at WCAG AA and AAA for large and small text)
- “Dark orange” `#cf7721` heat map values: **3.33:1** (fails at WCAG AAA for large and small, and AAA for small, and but passes AA for large text)
- “Brown” `#9b764f ` heat map values: **4.12:1** (fails at WCAG AAA for large and small, and AAA for small, and but passes AA for large text)
- “Grey” `#919191` heat map values: **3.15:1** (fails at WCAG AAA for large and small, and AAA for small, and but passes AA for large text)

**Note:** The contrast ratio between the bright orange and dark orange is **1.27:1** and between dark orange and brown is **1.24:1** which also fail all measures.

---

_[View the full topic](https://meta.discourse.org/t/accessibility-improve-contrast-of-text-styling-in-default-ui/14632)._