1661784 - Implement clickable "step" indicators for multistage about:welcome

Status: RESOLVED WONTFIX

(Firefox :: Messaging System, enhancement, P1)

Description

[Emily McMinn :emcminn]

As well as indicating what page of the onboarding process we're on, we should be able to navigate back and forth by clicking the "step" markers.

N.B.: We should be careful not to break accessibility when implementing this; the indicators need to be keyboard accessible and should announce their interactive status to screen readers.

Comment 1

[Dan Mosedale (:dmosedale, :dmose)]

Aaron, can you give me information/mocks about what you'd like to see on hover, on click (activation state)?

Notes to self: also need to look into:

• does this need any special tab focus ring ordering
• screen reader content / a11y (talk to emcminn)

Comment 2

[Aaron Benson]

• The only step indicators you can click on are ones that are not for the "current" state (or, at least don't give the current step indicator a hover style).
• For hover style, set the opacity to 50%.
• I don't think we need any other states for activation. It ought to then navigate to that page and take on the "current" step indicator style.

Comment 3

[Dan Mosedale (:dmosedale, :dmose)]

I forgot to ask, is there anything you'd like to do on blur?

Comment 4

[Aaron Benson]

(In reply to Dan Mosedale (:dmose, :dmosedale) from comment #3)

I forgot to ask, is there anything you'd like to do on blur?

Nope

Comment 5

[Emily McMinn :emcminn]

Attachment: Bug 1661784 - Clickable step indicators

Comment 6

[Emily McMinn :emcminn]

We're closing this and 1666636 as WONTFIX for now; the work has turned up several regressions and fixing them will require some significant refactoring. It's been decided the step indicators for multistage about:welcome will remain a visual element only for now.