<html>
    <head>
      <base href="https://bugs.webkit.org/">
    </head>
    <body><span class="vcard"><a class="email" href="mailto:anika.henke@digital.cabinet-office.gov.uk" title="Anika Henke <anika.henke@digital.cabinet-office.gov.uk>"> <span class="fn">Anika Henke</span></a>
</span> changed
          <a class="bz_bug_link 
          bz_status_NEW "
   title="NEW - AX: navigating to a new URL with a fragment identifier, VoiceOver moves accessibility focus to top of document regardless"
   href="https://bugs.webkit.org/show_bug.cgi?id=163719">bug 163719</a>
          <br>
             <table border="1" cellspacing="0" cellpadding="8">
          <tr>
            <th>What</th>
            <th>Removed</th>
            <th>Added</th>
          </tr>

         <tr>
           <td style="text-align:right;">CC</td>
           <td>
                
           </td>
           <td>anika.henke@digital.cabinet-office.gov.uk
           </td>
         </tr></table>
      <p>
        <div>
            <b><a class="bz_bug_link 
          bz_status_NEW "
   title="NEW - AX: navigating to a new URL with a fragment identifier, VoiceOver moves accessibility focus to top of document regardless"
   href="https://bugs.webkit.org/show_bug.cgi?id=163719#c2">Comment # 2</a>
              on <a class="bz_bug_link 
          bz_status_NEW "
   title="NEW - AX: navigating to a new URL with a fragment identifier, VoiceOver moves accessibility focus to top of document regardless"
   href="https://bugs.webkit.org/show_bug.cgi?id=163719">bug 163719</a>
              from <span class="vcard"><a class="email" href="mailto:anika.henke@digital.cabinet-office.gov.uk" title="Anika Henke <anika.henke@digital.cabinet-office.gov.uk>"> <span class="fn">Anika Henke</span></a>
</span></b>
        <pre>It seems Safari iOS with VoiceOver always has its virtual focus on the first thing on the page after a page refresh or opening any page. No matter if you try to focus on another element via linking to an anchor or do the focus via JavaScript or use an input with the HTML5 autofocus attribute (all of which I've tried), the result is always the same, Safari/VO's virtual focus will be at the very top of the page. (The actual browser focus stays where it is supposed to be, only the virtual focus is affected.)

I've got another reduced test case for this:

1. Activate VoiceOver on an iOS device
2. Open <a href="http://jsbin.com/cadocaj">http://jsbin.com/cadocaj</a> in Safari
3. Submit the form

The browser focus (which I have made visible with a dotted blue outline) will be correctly on the error message and the virtual focus is on there as well at first. But after a split second the virtual focus will move to the first thing on the page, i.e. the heading. The time it takes for that "re-focus" is somewhat unpredictable. Sometimes VO manages to read the whole message, sometimes it just reads the first two words, and sometimes it skips it altogether.

You can see another example in the wild here: <a href="http://govuk-elements.herokuapp.com/errors/example-form-validation-multiple-questions">http://govuk-elements.herokuapp.com/errors/example-form-validation-multiple-questions</a>. After submitting the form, the virtual focus will end up wrongly on the skip link at the top and not on the error message box.</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>