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
Summary: AX: [iOS] [VoiceOver] [Safari] Element with role="spinbutton" announces with ...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Accessibility (show other bugs)
Version: Safari 14
Hardware: iPhone / iPad iOS 14
: P2 Normal
Assignee: Nobody
URL: https://codepen.io/majornista/pen/MWb...
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2021-01-28 14:04 PST by Michael Jordan
Modified: 2021-01-28 14:05 PST (History)
1 user (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description Michael Jordan 2021-01-28 14:04:58 PST
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.
Comment 1 Radar WebKit Bug Importer 2021-01-28 14:05:26 PST
<rdar://problem/73723612>