Bug 221102 – AX: [iOS] [VoiceOver] [Safari] Element with role="spinbutton" announces with value as a percent, even when no aria-valuemin or aria-valuemax is defined

• Status: NEW
• Component: Accessibility

[Michael Jordan]

Using Safari with VoiceOver on iOS, an input element with role="spinbutton" announces the value of the input followed by its value as a percent. If no aria-valuemin or aria-valuemax is defined, the value percent is announced as "50%", which I assume is the percent between -Infinity and Infinity or Number.MIN_VALUE and Number.MAX_VALUE. There seem to be very few use cases where the percent between min and max would ever be useful to a VoiceOver user, such information is not communicated to a sighted user in any visual way. The expected behavior should be that for VoiceOver to announce the value of a spinbutton as simply the aria-valuenow, or if present, the aria-valuetext.

URL providing example: https://codepen.io/majornista/pen/MWbgMqg

Sample code that announces with VoiceOver for iOS as "Spinbutton 14 20.4%":
<label>
    Spinbutton<br/>
    <input type="text" inputMode="decimal" role="spinbutton" placeholder="Enter a number" value="14" aria-valuenow="14" aria-valuetext="14" aria-valuemin="3" aria-valuemax="57"  />
</label>

The percentage announcement, "20.4%", is not helpful in this use case.

[Radar WebKit Bug Importer]

<rdar://problem/73723612>