Contrast and accessibility

AI-generated summary

The discussion revolves around the accessibility and contrast of Discourse’s user interface. sdaugherty initiated the conversation, highlighting the issues with low-contrast UI elements and how they can be a serious problem for users with mild to moderate vision impairment. downey expressed agreement and mentioned previous topics related to contrast, size, and WCAG compliance.

sdaugherty shared personal experiences with vision impairment and emphasized the importance of designers considering that what may be subtle or subdued to them can be illegible or invisible to others. They also suggested testing with system colors forced, which can help identify accessibility issues.

sdaugherty compared Discourse’s accessibility to Facebook and noted that while there is room for improvement, Discourse performs better in certain aspects. However, they did identify an issue with the notification indicator not changing with system colors forced.

sdaugherty also discussed the importance of progressive enhancement and graceful degradation, particularly when it comes to disabling stylesheets, which can be helpful for assistive technologies.

downey shared a previous topic on improving contrast in the default UI, and HAWK expressed interest in making their own Discourse instance more accessible and sought feedback from sdaugherty.

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, 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.

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

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.

4개의 좋아요

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!

4개의 좋아요

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.

1개의 좋아요

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

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

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

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

(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.)

One such topic here:

1개의 좋아요

I’m interested in doing as much as I can to make my Discourse instance 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).

1개의 좋아요