Fabel testing: number field

[connorscarolyns]

Description

entry is being read oddly.

Voiveover in Safari

https://app.makeitfable.com/share/675ae655e9c0df46797459d2

[thiessenp-cds]

I was unable to reproduce the same issue the user encountered. I tried entering new numbers and also using the up-down arrow keys to increase-decrease the numbers. I could not get VO to announce the same pattern 0 followed by the new number.

I did find a different bug though in VO. Once the input stepper goes beyond 10, VO will only announce the first digit. For example, 22 would be announced as 2. This could be very confusing for mac users. Oddly it looks like Apple does not have a place to file and follow bug tickets. But they do have an email address - I emailed them...
e.g. https://www.digitala11y.com/how-where-to-report-accessibility-bugs/

Attached are some example videos.

Screen.Recording.2024-12-30.at.9.52.05.AM.mov

Screen.Recording.2024-12-30.at.9.54.05.AM.mov

Screen.Recording.2024-12-30.at.10.17.56.AM.mov

[connorscarolyns]

I wonder if an improvement might be that we don't use the number stepper field and restrict the input only to accept numbers. There is limited usability benefits to having an incremental stepper, and there seems to be odd behaviour associated with it.

[thiessenp-cds]

I wonder if an improvement might be that we don't use the number stepper field and restrict the input only to accept numbers. There is limited usability benefits to having an incremental stepper, and there seems to be odd behaviour associated with it.

Makes sense to me and also looks like the change would be inline with what the gov.uk design system is doing. @timarney can you see any problem with this change or additional background we may not know?

The solution could be replacing the

<input  type="number">
with something like 
<input type="text" inputmode="numeric" pattern="[0-9]*"> 

[timarney]

No concerns with not using a stepper

[srtalbot]

@connorscarolyns to test and validate

[ioanacontu]

@thiessenp-cds to make suggested changes.