<html>
<head>
<base href="https://bugs.webkit.org/" />
</head>
<body><table border="1" cellspacing="0" cellpadding="8">
<tr>
<th>Bug ID</th>
<td><a class="bz_bug_link
bz_status_NEW "
title="NEW - AX: aria-pressed state not correctly conveyed to VoiceOver iOS on <button> unless role=button added"
href="https://bugs.webkit.org/show_bug.cgi?id=162269">162269</a>
</td>
</tr>
<tr>
<th>Summary</th>
<td>AX: aria-pressed state not correctly conveyed to VoiceOver iOS on <button> unless role=button added
</td>
</tr>
<tr>
<th>Classification</th>
<td>Unclassified
</td>
</tr>
<tr>
<th>Product</th>
<td>WebKit
</td>
</tr>
<tr>
<th>Version</th>
<td>WebKit Local Build
</td>
</tr>
<tr>
<th>Hardware</th>
<td>iPhone / iPad
</td>
</tr>
<tr>
<th>OS</th>
<td>iOS 10
</td>
</tr>
<tr>
<th>Status</th>
<td>NEW
</td>
</tr>
<tr>
<th>Severity</th>
<td>Major
</td>
</tr>
<tr>
<th>Priority</th>
<td>P2
</td>
</tr>
<tr>
<th>Component</th>
<td>Accessibility
</td>
</tr>
<tr>
<th>Assignee</th>
<td>webkit-unassigned@lists.webkit.org
</td>
</tr>
<tr>
<th>Reporter</th>
<td>paul@pauljadam.com
</td>
</tr>
<tr>
<th>CC</th>
<td>webkit-bug-importer@group.apple.com
</td>
</tr></table>
<p>
<div>
<pre>Overview:
When aria-pressed is set on a native HTML <button> element the state is not conveyed to VoiceOver iOS 10, however, if the extra role="button" attribute/value is added to the <button> tag, e.g. <button aria-pressed="true" role="button"> works but <button aria-pressed="true"> does not work.
Steps to Reproduce:
1. Turn on VoiceOver on iOS 10.
2. Visit <a href="http://pauljadam.com/demos/button.html">http://pauljadam.com/demos/button.html</a> in Safari iOS
3. Activate the aria-pressed button example under the aria-pressed heading.
4. Notice that aria-pressed button is now visually styled to look pressed and the aria-pressed attribute has been updated to equal "true".
5. Set VoiceOver focus to the newly pressed button.
Expected Results:
VoiceOver speaks "aria-pressed Toggle button Pressed Double tap to toggle setting."
Actual Results:
VoiceOver speaks "aria-pressed Toggle button Not pressed Double tap to toggle setting."
Additional Information:
The second aria-pressed role iOS bug button works properly because the extra aria-pressed="true" attribute/value is added.</pre>
</div>
</p>
<hr>
<span>You are receiving this mail because:</span>
<ul>
<li>You are the assignee for the bug.</li>
</ul>
</body>
</html>