Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Product overview should display NOVA score consistently with rest of UI #4707

Open
MarByteBeep opened this issue Oct 11, 2023 · 3 comments
Open
Labels
NOVA groups NOVA is an indicator for food ultra-processing https://world.openfoodfacts.org/nova

Comments

@MarByteBeep
Copy link

MarByteBeep commented Oct 11, 2023

Currently the product overview shows the Nutri Score and Eco Score using labels, yet for me the most important category (NOVA score), for some reason is styled differently (see image below).

Being color blind, its harder to instantly see the NOVA score.

IMG_5008

Solution:

Simply display the NOVA score (including the number 1-4) in a label that visually looks identical to the other two labels. And while we're at it: please ensure the alignment of all labels is identical as well (either centered of left, not both ;))

IMG_5008_fixed

@monsieurtanuki
Copy link
Contributor

@MarByteBeep Indeed we're not good with accessibility / colors.
Nova is a bit special as it does have specific 1-2-3-4 icons (that don't look exactly as your suggestion).
We have a similar problem with "less iconic" nutrition preferences like salt: a colored disk and then a label (good, average, bad). Different icons would make more sense (like 👍 and 👎 ).
Currently there is a big UI/UX refactoring and I hope it will include a better respect of accessibility.

@MarByteBeep
Copy link
Author

Awesome! Thanks for the heads up and hopefully this NOVA information is displayed more prominently and also includes the numbers in the new UI design. If I can test that somehere, please let me know as I'd love to provide feedback on it. Thanks again

@M123-dev
Copy link
Member

M123-dev commented Oct 20, 2023

Until then @MarByteBeep we have some very early stage accessibility features hidden in the developer settings

Profile bottom tab -> Contribute -> development-> Activate

Then on the profile tab

Feel free to test it out and provide some feedback

@teolemon teolemon added the NOVA groups NOVA is an indicator for food ultra-processing https://world.openfoodfacts.org/nova label Oct 31, 2023
@teolemon teolemon moved this to To Discuss & Validate in Ultra-processed foods - NOVA Apr 30, 2024
@teolemon teolemon removed the ✨ enhancement New feature or request label Oct 18, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
NOVA groups NOVA is an indicator for food ultra-processing https://world.openfoodfacts.org/nova
Projects
Status: To Discuss & Validate
Status: 💬 To discuss and validate
Development

No branches or pull requests

4 participants