<html>

    <head>

      <base href="https://bugs.webkit.org/" />

    </head>

    <body>

      <p>

        <div>

            <b><a class="bz_bug_link 

          bz_status_NEW "

   title="NEW - AX: Voice Over focus issue ignoring &lt;object&gt; elements"

   href="https://bugs.webkit.org/show_bug.cgi?id=158390#c2">Comment # 2</a>

              on <a class="bz_bug_link 

          bz_status_NEW "

   title="NEW - AX: Voice Over focus issue ignoring &lt;object&gt; elements"

   href="https://bugs.webkit.org/show_bug.cgi?id=158390">bug 158390</a>

              from <span class="vcard"><a class="email" href="mailto:bruno&#64;hexanet.net" title="hexalys &lt;bruno&#64;hexanet.net&gt;"> <span class="fn">hexalys</span></a>

</span></b>

        <pre>To be clear, what I was trying to achieve is the following cross-compatible external SVG logo:

&lt;a id=&quot;logo&quot; href=&quot;/&quot; aria-label=&quot;Homepage&quot; title=&quot;Company Name&quot;&gt;

 &lt;object type=&quot;image/svg+xml&quot; data=&quot;logo.svg&quot;&gt;

   &lt;img href=&quot;logo.png&quot; width=&quot;300&quot; height=&quot;104&quot; alt=&quot;Company Name&quot;&gt;

 &lt;/object&gt;

&lt;/a&gt;

The reason for my choice of &lt;object&gt; as fallback is that if images are disabled in Safari, Dolphin or Vivaldi Browser (where it is an explicit user feature). I still want the site's main SVG logo to show. The &lt;svg&gt;&lt;image&gt; fallback solutions fail at that (except for Opera Mini which considers an svg &lt;image&gt; as SVG despite images turned off).

Using role=&quot;img&quot; on the object happens to be a work-around making the link focus work in iOS VO, and fits well with my use case. So this works in iOS and addresses the bug:

&lt;a id=&quot;logo&quot; href=&quot;/&quot; aria-label=&quot;Homepage&quot; title=&quot;Company Name&quot;&gt;

 &lt;object role=&quot;img&quot; type=&quot;image/svg+xml&quot; data=&quot;logo.svg&quot;&gt;

   &lt;img href=&quot;logo.png&quot; width=&quot;300&quot; height=&quot;104&quot; alt=&quot;Company Name&quot;&gt;

 &lt;/object&gt;

&lt;/a&gt;

Of course, it require a z-index method such as the one described at <a href="http://stackoverflow.com/a/12732030/1647538">http://stackoverflow.com/a/12732030/1647538</a> to make that link hover-able and clickable in all browsers.

The issue here that an &lt;object&gt; inside a link should still receive focus without the ARIA role.</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>