# Contrast and accessibility

**URL:** https://meta.discourse.org/t/contrast-and-accessibility/32287
**Category:** UX
**Created:** [August 19, 2015, 11:40am UTC](https://meta.discourse.org/t/contrast-and-accessibility/32287 "2015-08-19T11:40:23Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![sdaugherty](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sdaugherty/32/102997_2.png) [@sdaugherty](https://meta.discourse.org/u/sdaugherty)
#### Post date: [August 19, 2015, 11:40am UTC](https://meta.discourse.org/t/contrast-and-accessibility/32287/1 "2015-08-19T11:40:23Z")

</div>

[https://meta.discourse.org/t/testing-dark-theme-on-meta/30610](https://meta.discourse.org/t/testing-dark-theme-on-meta/30610)

The dark theme trial on meta made me realize some things that had been bothering me about the user interface of Discourse, and since those things aren’t specific to the dark theme, I figured it warranted a separate discussion before it gets buried.

The extent to which Discourse uses low-contrast UI elements to reduce clutter is actually a serious accessibility problem. People with mild to moderate vision impairment generally have poorer [contrast sensitivity](https://en.wikipedia.org/wiki/Contrast_%28vision%29#Contrast_sensitivity), but some people with 20/20 vision also have issues.

This is compounded by the fact that many of the more obvious coping strategies, like disabling the stylesheet, completely and utterly break the site, and by the fact that users with mild impairments may not realize their condition, and rarely have access to (or need for) more robust assistive technologies as are used by people with severe or complete vision impairment.

> [@Coming soon to Meta new\_moon DARKNESS new\_moon](https://meta.discourse.org/t/coming-soon-to-meta-new-moon-darkness-new-moon/31993/76):
>
> Low contrast is a bad way to reduce distractions though, because it disproportionately affects users with vision impairment. What is “subdued” to a user with normal vision becomes illegible or even invisible with mild to moderate vision impairment. I have to wave my mouse all over the screen on the default theme just to find the buttons Besides that, “greyed out” in user interfaces has traditionally meant, “this is where this thing would normally be but you can’t do that right now”. There’s s…

[https://meta.discourse.org/t/coming-soon-to-meta-new-moon-darkness-new-moon/31993/71?u=sdaugherty](https://meta.discourse.org/t/coming-soon-to-meta-new-moon-darkness-new-moon/31993/71)

Anyway, getting the discussion started about this, in hopes that I can raise awareness, and hopefully work create a better experience for users with disabilities.

---

<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: [August 19, 2015, 11:54am UTC](https://meta.discourse.org/t/contrast-and-accessibility/32287/2 "2015-08-19T11:54:55Z")

</div>

Thanks for revisiting this. I’ve launched several topics over the past couple years related to contrast/size and WCAG compliance, and overuse of images. I hope we continually improve on these dimensions, so let’s keep the conversation alive as a first step!

---

<div class="post-metadata">

### Author: ![sdaugherty](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sdaugherty/32/102997_2.png) [@sdaugherty](https://meta.discourse.org/u/sdaugherty)
#### Post date: [August 19, 2015, 12:01pm UTC](https://meta.discourse.org/t/contrast-and-accessibility/32287/3 "2015-08-19T12:01:33Z")

</div>

Would be nice to gather those together. I usually don’t think of myself as having a disability, but I’m blind in one eye, and 20/30 in the other, and as I’ve gotten older, some things are harder and harder to make out.

I think the main point to reiterate to designers is **what is subtle or subdued to you will often be illegible or invisible to others**.

---

<div class="post-metadata">

### Author: ![sdaugherty](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sdaugherty/32/102997_2.png) [@sdaugherty](https://meta.discourse.org/u/sdaugherty)
#### Post date: [August 19, 2015, 12:34pm UTC](https://meta.discourse.org/t/contrast-and-accessibility/32287/4 "2015-08-19T12:34:52Z")

</div>

Testing with system colors forced is helpful too. Discourse looks horrible that way, but at least we’re doing better than Facebook.

![](https://global.discourse-cdn.com/meta/optimized/3X/c/0/c0666f4b4098ead763e3e8eaf21fd043bbb9ae26_2_690x19.png)

![](https://global.discourse-cdn.com/meta/original/3X/3/f/3f4855bc19bc3ec2829c03c3510f8557be801544.png)

By comparison , at least at first glance, everything seems to work OK in Discourse.

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

Edit: Well, one issue. The indicator for notifications doesn’t change with system colors forced.

---

<div class="post-metadata">

### Author: ![sdaugherty](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sdaugherty/32/102997_2.png) [@sdaugherty](https://meta.discourse.org/u/sdaugherty)
#### Post date: [August 19, 2015, 12:43pm UTC](https://meta.discourse.org/t/contrast-and-accessibility/32287/5 "2015-08-19T12:43:01Z")

</div>

Disabling stylesheet, as you’d expect, though, completely breaks things. Progressive enhancement, or at least graceful degradation would be nice there, since this can help with assistive technologies. This could go hand in hand with the proposed basic HTML view mentioned in [Discourse will be dropping IE9 support in 2016 - #2 by codinghorror](https://meta.discourse.org/t/discourse-will-be-dropping-ie9-support-in-2016/31090/2)

(I don’t really expect disabling to be a supported case, I just mentioned it because its something a user might try to get over an accessibility problem with a site.)

---

<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: [August 19, 2015, 1:39pm UTC](https://meta.discourse.org/t/contrast-and-accessibility/32287/6 "2015-08-19T13:39:21Z")

</div>

One such topic here:

> [@Accessibility: Improve contrast of text styling in default UI](https://meta.discourse.org/t/accessibility-improve-contrast-of-text-styling-in-default-ui/14632):
>
> 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 require…

---

<div class="post-metadata">

### Author: ![HAWK](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hawk/32/86627_2.png) [@HAWK](https://meta.discourse.org/u/HAWK)
#### Post date: [August 19, 2015, 10:34pm UTC](https://meta.discourse.org/t/contrast-and-accessibility/32287/7 "2015-08-19T22:34:52Z")

</div>

I’m interested in doing as much as I can to make [my Discourse instance](https://experts.feverbee.com/) as accessible as possible. I’ve made some minor tweaks, but I’d be interested to hear your opinion on what I could do better for visually impaired users @sdaugherty (if you have the time and inclination).
