openfoodfoundation / openfoodnetwork

Connect suppliers, distributors and consumers to trade local produce.
https://www.openfoodnetwork.org
GNU Affero General Public License v3.0
1.1k stars 715 forks source link

Back office UX colour accessibility #12846

Open P-Rothwell opened 2 weeks ago

P-Rothwell commented 2 weeks ago

Description

**- Resonate Farm (Aus enterprise user) having accessibility issues in the admin with new interface colours. They cannot see the textboxes for inputting data.

Email and attached image: :I'm curious who's doing the usability testing on the latest design changes made for admin. I cannot see the textboxes to input: On a bright white screen under light, it's terrible. Can you please pass on?" ResonateFarm_screenshot

Maikel's initial thoughts via OFNAu slack: "It shouldn't be too hard to solve but we are pretty busy at the moment. Maybe we can reach out to some contributors or mark it as good first issue."

Acceptance Criteria & Tests

1.

dacook commented 1 day ago

I'm not sure how much an issue this is. It would be good to check what the industry standard and relevant accessibility guidelines say. The text has enough contrast from the background, so is always readable. But the question is how hard is it to find the text boxes to type into. Note that when the field is selected (either by mouse or tabbing with a keyboard), there's usually a blue border which is nice and clear. However the keyboard accessibility also needs work, with some types of fields not being selectable or not having the border.

dacook commented 1 day ago

But let's say the grey wasn't visible in someone's context, it could look like this: Screenshot 2024-09-19 at 9 48 26 AM

I'm not sure of the best way to resolve that, again it would be good to have an expert's opinion.

arnaudlevy commented 1 day ago

https://www.figma.com/design/uE1lNRpP6g9sAKV5W0q0h5/Open-Food-Network?node-id=0-1&t=acHBvanzsFc0SZ9A-1 Does this help you?

Desktop Desktop-1 Desktop-2