# 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:** 1

<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:** [9. April 2014 um 21:13 UTC](https://meta.discourse.org/t/accessibility-improve-contrast-of-text-styling-in-default-ui/14632/1 "2014-04-09T21:13:35Z")

</div>

**As a user with less-than-perfect eyesight, I want to be able to read text and links on Discourse with a contrast ratio that allows me to differentiate types of text, so that I can better understand the purpose of that text.**

_i.e.,_ Discourse should support [Web Content Accessibility Guidelines (WCAG) 2.0](http://www.w3.org/TR/WCAG20/) to **at least level AA**. Level AA requires a contrast ratio of 4.5:1 for normal text, and 3:1 for large text.

If it was desirable to reach to an even higher level of accessibility, **level AAA** requires a contrast ratio of 7:1 for normal text and 4.5:1 for large text.

Here are some current examples contrast ratios for the home page against the white `#ffffff` background:

- “Dark grey” `#333333` un-visited topic titles: **12.6:1** (passes)
- “Light grey” `#8c8c8c` visited topic titles : **3.4:1** (fails)
- “Light blue” `#33bbff` cold map dates: **2.2:1** (fails)

A few resources (many others exist):

- [Web Content Accessibility Guidelines (WCAG) 2.0](http://www.w3.org/TR/WCAG20/)
- [WebAIM: Contrast Checker](http://webaim.org/resources/contrastchecker/)

---

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