Greyed-out features in a product

Greyed-out features in a product

by Amy Rukamp -
Number of replies: 1

I have recently been tasked to write/design requirements for a "lite" version of our flagship product, The "lite" version of the product would have certain product features greyed-out to the basic user, enticing them to sign up for the full membership.  I don't like the idea, was curious to hear from experts in the field on the matter.

Average of ratings: -
In reply to Amy Rukamp

Re: Greyed-out features in a product

by Randy Thornton -
Picture of Documentation writers
Amy

You are quite right not to like this idea.

In particular, greyed-out items I have seen rarely pass the WCAG accessibility compliance for color contrast. They are almost always too light, since even #777 does not pass the minimum contrast required (example and nice discussion here: https://webaim.org/articles/contrast/).

In general, the semantic use of color as the ONLY mechanism to convey information is a basic accessibility error to be avoided. Here's the official statement: "Color is not used as the only visual means of conveying information, indicating an action, prompting a response, or distinguishing a visual element." from the W3C document: https://www.w3.org/TR/WCAG21/#use-of-color.

You will notice that some places in Moodle that used to have only grey-out colors to indicate hidden or other items (eg the dimmed style class), have been updated in recent versions so that they have additional text indicators to show status in addition to color; for instance, course activity items that are hidden or stealth hidden from students now do this, which is an important improvement and good practice to model.

Randy
Average of ratings: Useful (1)