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

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=221102

            Bug ID: 221102
           Summary: AX: [iOS] [VoiceOver] [Safari] Element with
                    role="spinbutton" announces with value as a percent,
                    even when no aria-valuemin or aria-valuemax is defined
           Product: WebKit
           Version: Safari 14
          Hardware: iPhone / iPad
                OS: iOS 14
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Accessibility
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: mijordan at adobe.com
                CC: webkit-bug-importer at group.apple.com

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.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20210128/fbdd1705/attachment.htm>