1626299 - Treeherder job view (default view) depends on colours for status which fails for users in high contrast mode

Status: NEW

(Tree Management :: Treeherder: Frontend, enhancement)

Description

[Joel Maher ( :jmaher ) (UTC -8)]

the work we did recently for making perfherder and intermittent failure views more accessible should be extended to the main job view. Treeherder could be updated with relatively minimal effort to adjust colors/fonts to provide same info/experience for users in all contract modes.

Comment 1

[Sarah Clements [:sclements]]

Mellina did make some adjustments to colors on the job view. The colors for the tests (pending, complete, etc) were adjusted but I think that was a bit of a balancing act based on what the sheriffs were used to. Is there specific things you're seeing that are an issue?

Comment 2

[Morgan Reschenberg [:morgan]]

Attachment: HCM_treeherder.png

Comment 3

[Morgan Reschenberg [:morgan]]

Attachment: regular_treeherder.png

Comment 4

[Morgan Reschenberg [:morgan]]

Right now treeherder uses colours to indicate which tests have passed/failed/etc., but because HCM strips background colours for readability, that information is lost. It'd be helpful if there was a way to give the sorting icons more context/labels or make them look different in shape so users who want to view "all failed tests" while in HCM have an intuitive way to get that list without having to mouseover/get tooltips for every icon.

Comment 5

[Sarah Clements [:sclements]]

HCM is High Contrast Mode? The challenge here is not making a view that is already quite busy, more busy. But different shapes might work.

Please feel free to submit a pr (docs are here: https://treeherder.readthedocs.io/index.html), otherwise this could potentially be tackled as part of a larger UX-based project down the road.

Comment 6

[Asa Dotzler [:asa]]

Updating the Accessibility Team's impact assessment to conform with the new triage guidelines. See https://wiki.mozilla.org/Accessibility/Triage for descriptions of these whiteboard flags.