Selfcheck: receipt options should be touch friendly buttons

[Josh Stompro]

EG 3.3

The email checkout receipt feature from bug #1356477 added a series of radio buttons to the self check interface for choosing between Email, print and none for receipt printing.

I think it would be a good enhancement to make those radio buttons more touch friendly, for those that use touch screens at the self check. The area that a customer can touch to activate those form elements isn't clearly defined, and could potentially cause issues for some users.

The current radio buttons do allow the labels to be touched to select them, so the click area is larger than the radio button itself, but visually that isn't clear.

https://www.usability247.com/blog/radio-buttons-touchscreen-usability/

I like the design featured at
https://codepen.io/mblode/pen/gGIAm
for touch friendly radio buttons.

I'll attempt to integrate that into the self check interface to see what it might look like.

Josh

[Stephanie Leary (stephanieleary)]

A branch including large toggle buttons for the new Angular self checkout interface is in the works; see bug 1840773.