Improve DAG operator status accessibility for the color blind

[atolopko-czi]

The coloration of DAG operator statuses in the DAG "Tree" and "Graph" views are not easy to discern by color blind individuals. There is no textual representation of the status in the hover popup window.

Use case / motivation

Are you willing to submit a PR?

Yes

Related Issues

No

[boring-cyborg]

Thanks for opening your first issue here! Be sure to follow the issue template!

[eladkal]

What Airflow version are you running? There has been improve in that area in 1.10.11
see issue #7843, PR #9520, docs

Also in Graph View when you over one of the statuses in the legend it makes all the tasks in that status highlighted:

Can you give more information? (maybe a mock up of what you expect?)

[atolopko-czi]

Version : 1.10.10

The Tree view status-hover highlighting is indeed helpful, and I was unaware! The Graph view doesn't provide the same feature, which would be helpful. So it would still be helpful if these popups contained the operator status:

Use of custom colors may also be able to address this for particular degrees of color blindness, which I will try.

[kaxil]

You can customize those colors: https://airflow.readthedocs.io/en/stable/howto/customize-state-colors-ui.html

[ashb]

And if you can suggest new default colours we can look at changing them too.

[eladkal]

@atolopko-czi Do you think there are still issues needs to be addressed? If you can please describe your suggestions

[atolopko-czi]

I still feel it is helpful if the Tree view status hover popups simply contained the operator status as text. Colors can be useful conveyors of information, but text is more accessible for the color-blind. I have not tried setting different default colors, since that would require consensus across our organization.

[kaxil]

The tree view in 2.0.0 should already have that

[atolopko-czi]

Will upgrade! Thanks @kaxil!