<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 - The aria-activedescendant attribute is not properly supported in Safari on the Mac"
   href="https://bugs.webkit.org/show_bug.cgi?id=167680">167680</a>
          </td>
        </tr>

        <tr>
          <th>Summary</th>
          <td>The aria-activedescendant attribute is not properly supported in Safari on the Mac
          </td>
        </tr>

        <tr>
          <th>Classification</th>
          <td>Unclassified
          </td>
        </tr>

        <tr>
          <th>Product</th>
          <td>WebKit
          </td>
        </tr>

        <tr>
          <th>Version</th>
          <td>WebKit Nightly Build
          </td>
        </tr>

        <tr>
          <th>Hardware</th>
          <td>All
          </td>
        </tr>

        <tr>
          <th>OS</th>
          <td>All
          </td>
        </tr>

        <tr>
          <th>Status</th>
          <td>NEW
          </td>
        </tr>

        <tr>
          <th>Severity</th>
          <td>Normal
          </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&#64;lists.webkit.org
          </td>
        </tr>

        <tr>
          <th>Reporter</th>
          <td>bgaraventa11&#64;gutterstar.net
          </td>
        </tr>

        <tr>
          <th>CC</th>
          <td>webkit-bug-importer&#64;group.apple.com
          </td>
        </tr></table>
      <p>
        <div>
        <pre>Tested and confirmed in Safari Version 10.0.3 (12602.4 on the Mac with VoiceOver enabled.

When focus is set on a field such as an ARIA Combobox where aria-activedescendant is used to manage accessibility tree focus according to the ARIA specification without moving literal DOM focus away from the form field, VoiceOver does not properly announce the element that is referenced by aria-activedescendant when the ID reference changes as the arrow keys are used to scroll through displayed options.

Steps to reproduce

1. Using Safari with VoiceOver enabled on the Mac, navigate to
<a href="http://whatsock.com/tsg/Coding%20Arena/ARIA%20Comboboxes/ARIA%20Comboboxes%20(Native%20Inputs,%20Editable%20with%20Substring%20Match)/demo.htm">http://whatsock.com/tsg/Coding%20Arena/ARIA%20Comboboxes/ARIA%20Comboboxes%20(Native%20Inputs,%20Editable%20with%20Substring%20Match)/demo.htm</a>

2. Type a string into the edit field such as &quot;hum&quot; and wait for the auto suggested list to populate.

3. Now press the Down arrow repeatedly to scroll through the options that are listed in order to update the aria-activedescendant attribute, which should be announced by VoiceOver each time the Up or Down arrow is pressed.

4. Confirm that nothing is announced by VoiceOver.

To read more about how aria-activedescendant works, view the article at
<a href="https://www.ssbbartgroup.com/blog/why-there-are-only-two-ways-to-make-aria-widgets-programmatically-focusable-for-screen-reader-users/">https://www.ssbbartgroup.com/blog/why-there-are-only-two-ways-to-make-aria-widgets-programmatically-focusable-for-screen-reader-users/</a>

This is more fully described as it relates to the ARIA 1.1 editorial changes at
<a href="https://www.ssbbartgroup.com/blog/differences-aria-1-0-1-1-changes/">https://www.ssbbartgroup.com/blog/differences-aria-1-0-1-1-changes/</a>

Specific to the example referenced above, the following article explains the concepts and ARIA role usage for a properly constructed ARIA Combobox control.
<a href="https://www.ssbbartgroup.com/blog/differences-aria-1-0-1-1-changes-rolecombobox/">https://www.ssbbartgroup.com/blog/differences-aria-1-0-1-1-changes-rolecombobox/</a></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>