1125287 - I should be able to tab through pin input fields on desktop

Status: RESOLVED WONTFIX

(Marketplace Graveyard :: Payments/Refunds, defect, P3)

Description

[Elizabeth Hunt[:ezoehunt]]

On desktop, I should be able to tab through the input fields on Create PIN, Confirm PIN, and Enter PIN screens. Right now I must click into each field.

Comment 1

[Stuart Colville [:muffinresearch]]

It might looks like a real set of 4 inputs, but it's actually not it's single element which was the way it was designed for mobile and the technical implementation was like this from the start.

As a result of this you don't need to click into each field you focus the single element All four pin boxes show as focused and type in 4 numbers.

I'd agree that having something that looks like something different from what it is - is worth doing something about. Perhaps we could consider changing this as part of a broader refresh of the payments UI.

Also if there are specific accessibility concerns that we can address I'll be happy to take a look at dealing with them.

Comment 2

[Elizabeth Hunt[:ezoehunt]]

If this bug blocks something, we can re-visit it later.

I filed it because, the mental model for this interface is "enter a single number in each field." And power users know you can tab through those fields if you want to "go faster." So I didn't even try to press the number keys in sequence. I see that this works, and it's kind of nice. But the interface doesn't tell me enter multiple numbers; it tells me to enter a single number in each field. And that's why "tab" is a better option. Maybe we can just add tabbing to this interface and solve it?

Comment 3

[Stuart Colville [:muffinresearch]]

Yep - I agree. The problem is this was implemented as per Gaia's pin box. That model doesn't match up with desktop browser expectations. Redesigning the UI as part of desktop payments was deemed out of scope. 

The problem is if we want tabbing without changing lots of aspects of the PIN UI then we'd need to implement it in JS. Personally I think it would be best to revisit the entire UI and work out what we want in each context and move to that. The payments UI was supposed to have a re-think but I'm not sure where that is in the roadmap.

We used to have a 'pseudo-focused' visual cue on the pseudo-inputs that made it more obvious that you were about to enter text into that box (this was removed by design when this was reimplemented for the single-page app to be more like Gaia's pin entry). Maybe that's something we should re-establish? That would help inform the user of the UI's intentions and that would fit better within a desktop context. At least that might provider a halfway house until we can get the time to do something more considered?

Comment 4

[Stuart Colville [:muffinresearch]]

Not a blocker for desktop release.

Comment 5

[Andy McKay]

Based on the recently announced future plans for the Marketplace to remove payments, closing these bugs.