[WPMU DEV Dashboard] Dashboard’s icons aren’t colorblind accessible

2

As a colorblind user, the WPMU Dashboard is the most unusable product I’ve encountered this year. Tiny icons whose distinctions are shown only as dark grey, green, or red make it impossible to discern state (which is only communicated visually via color). So I have to hover over each icon (15 rows of 7 icons) to figure out if there’s an issue or everything’s good.

If you can ONLY communicate via color for some reason, I would expect dramatic differences in black/white value so that users can distinguish states beyond just the color. E.g.
things that are good/fine/successful would be very light in value (20% grey), fail/alert state is 100% value, and whatever other state might be 55% value. But could also add small checkmark and small X or ! over icons that need user action.

https://www.w3.org/WAI/perspective-videos/contrast/

  • Jasper Alamares
    • Staff

    Hi Micah Laaker ,

    Hope this message finds you well.

    We assume by WPMU Dashboard and the details per your concern, you are pertaining to The Hub. Please correct us if this assumption is wrong.

    We totally understand this and it is indeed a good idea to have some other way to relay different statuses to better improve The Hub’s accessibility. If my opinion counts, it would specifically be great to have a way to have the small check (green status), x (red status) or !(yellow status) for this kind of cases as you have mentioned.

    I am passing this further to our Developers and Designers so they can discuss it further as well and possibly consider adding it in future updates. Of course, the more votes this feature gets the higher the possibility of this being implemented.

    We do appreciate this feedback.

    Best Regards,
    Jasper

    • Thibault Seynaeve
      • New Recruit

      Hi Jasper,

      I’m having the same issue.
      I just upgraded to the Agency license, but I’m having a lot of trouble to easily notice if all sites are running fine.
      Due to my color blindness, I can’t see the difference between green icons and red icons.

      Did you already have the chance to discuss this with the developers and designers, please?
      Thanks!