Login
You're viewing the discuss.systems public feed.
  • Aug 28, 2025, 5:15 AM

    I don't know why, but I always seem to end up at restaurant whose menus have #color and #contrast problems 😅

    So, this time for Ed. #3 of what seems to be a mini-series now that I'll call #ContrastAndKetchup, I present a menu where colour is the only way to distinguish between the vegetarian and vegan options. Green is used for vegan and brown for vegetarian. The icons themselves look identical aside from the colour.

    What's the issue here? 🤔🚫

    🧵 1/3

    This is part of a restaurant menu. The PDF version is on the left, while the printed version is on the right. The paper of the printed version is rough and light brown, which makes the colour coding of the vegan and vegetarian symbols (dark green and dark brown) even more difficult to see.
    💬 1🔄 4⭐ 4

Replies

  • Aug 28, 2025, 5:15 AM

    1. Using colour alone as a #visual #indicator is not a good idea as many people won't be able to read the menu correctly. 🚫

    2. With this specific colour choice in particular, it becomes almost impossible for people with red-green #colour #blindness to read the menu. 🚫

    3. The paper chosen to print the menu has a rough texture and a light brown colour. Combined with the dim lighting in the restaurant, it is almost impossible to understand the icons. 🚫

    🧵 2/3

    💬 1🔄 0⭐ 2
  • Aug 28, 2025, 5:15 AM

    How do we solve this?💡

    1. Use different icons for each option.
    2. Write the word instead of relying on an icon (e.g. 'vegan').
    3. Use colours that are more distinguishable from each other with good contrast, in addition to text or icon variations.

    🚨 And please, never use colour as the only option for conveying information and distinguishing a visual element, regardless of whether it is online or offline 🚨

    🧵 3/3

    💬 1🔄 0⭐ 4
  • Aug 28, 2025, 5:15 AM

    And yes, for the eagle-eyed amongst you: The 'Vegetarian Carbonara Pasta' turned out to be vegetarian, even though it uses the vegan icon. 👀

    💬 0🔄 0⭐ 1