Bug 162137 - AX: voiceover does not read contents of input role="spinbutton"
Summary: AX: voiceover does not read contents of input role="spinbutton"
Status: RESOLVED FIXED
Alias: None
Product: WebKit
Classification: Unclassified
Component: Accessibility (show other bugs)
Version: Other
Hardware: All All
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2016-09-18 07:51 PDT by jeanne.waldman
Modified: 2016-09-20 13:46 PDT (History)
10 users (show)

See Also:


Attachments
iOS patch (4.05 KB, patch)
2016-09-20 12:42 PDT, Nan Wang
no flags Details | Formatted Diff | Diff

Note You need to log in before you can comment on or make changes to this bug.
Description jeanne.waldman 2016-09-18 07:51:12 PDT
<input type="text" role="spinbutton" value="5"/> the value doesn't get read when you tap on it in voiceover mode.
<input type=text" value="5"/> does.

Go to https://jqueryui.com/spinner/ and you see that the input can get focus, but the number in the input doesn't get read when you focus to it in voiceover mode.

related bug
Bug 145514 - AX: input role="spinbutton" gets skipped in voiceover
Comment 1 Radar WebKit Bug Importer 2016-09-18 07:51:23 PDT
<rdar://problem/28355606>
Comment 2 chris fleizach 2016-09-18 15:02:27 PDT
(In reply to comment #0)
> <input type="text" role="spinbutton" value="5"/> the value doesn't get read
> when you tap on it in voiceover mode.
> <input type=text" value="5"/> does.
> 
> Go to https://jqueryui.com/spinner/ and you see that the input can get
> focus, but the number in the input doesn't get read when you focus to it in
> voiceover mode.
> 
> related bug
> Bug 145514 - AX: input role="spinbutton" gets skipped in voiceover

From

https://www.w3.org/WAI/GL/wiki/Using_WAI-ARIA_range_attributes_for_range_widgets_such_as_progressbar,_scrollbar,_slider,_and_spinbutton#Example_1:_A_spinbutton

A widget with role spinbutton lets a user enter a value from within a given range. The spinbutton shows the current value and presents controls to allow the user to increase and decrease the value.

The maximum and minimum values are represented by aria-valuemax, aria-valuemin, and the current value by aria-valuenow.
-------------

If you used aria-valuenow it looks like this works. the value is being returned in this case
Comment 3 jeanne.waldman 2016-09-20 09:03:08 PDT
It is using aria-valuenow and it doesn't read the value in voiceover.

<input id="spinner" name="spinner" value="5.06" aria-valuenow="5.06" autocomplete="off" class="ui-spinner-input" role="spinbutton">
Comment 5 chris fleizach 2016-09-20 09:10:59 PDT
(In reply to comment #4)
> https://jqueryui.com/resources/demos/spinner/decimal.html

Is this macOS only?
Comment 6 jeanne.waldman 2016-09-20 09:23:34 PDT
iphone ios 9.3.5
Comment 7 chris fleizach 2016-09-20 09:27:42 PDT
(In reply to comment #6)
> iphone ios 9.3.5

ok, will also broken in macOS
Comment 8 Nan Wang 2016-09-20 12:42:03 PDT
Created attachment 289392 [details]
iOS patch

iOS patch
Comment 9 WebKit Commit Bot 2016-09-20 13:46:40 PDT
Comment on attachment 289392 [details]
iOS patch

Clearing flags on attachment: 289392

Committed r206170: <http://trac.webkit.org/changeset/206170>
Comment 10 WebKit Commit Bot 2016-09-20 13:46:45 PDT
All reviewed patches have been landed.  Closing bug.