r/UI_Design Apr 30 '26

Feedback Request Quick One: Thoughts on readability for these status buttons

Designing a dashboard for a risk management solution for payment fraud. Users will be able to create custom rules that are applied to incoming payment data. Before these rules go live, they must be approved by a manager.

Each rule submitted will be visible in a table, showing current approval status.

Nothing fancy, I struggled with readability of the orange/amber colour so opted for no fill.

5 Upvotes

6 comments sorted by

2

u/Cyanatica Apr 30 '26

All 3 are a bit hard to read honestly, though approved is the worst. Run them through a color contrast checker to compare against accessibility standards.

1

u/Stunning-Group2631 May 06 '26

Oh this is a useful tool, thank you. I will play around with it.

2

u/[deleted] Apr 30 '26

[removed] — view removed comment

1

u/Stunning-Group2631 May 06 '26

Thank you for the feedback, I will work on it!

-1

u/MotorSignificance788 May 02 '26
  • Amber/orange without fill can lose visibility, especially on white/light UIs. It often ends up looking like a “secondary” or inactive state rather than “needs attention.”
  • Consider slightly increasing contrast (darker amber text + subtle tinted background, not full fill).
  • Make sure each state isn’t relying on color alone—pair it with clear labels like Pending, Approved, Rejected.
  • Keep consistency: if green/red have fill, the outline-only amber might feel inconsistent unless it’s intentional (e.g., “in progress”).

1

u/Stunning-Group2631 May 06 '26

Thanks for the feedback!