<?xml version="1.0" encoding="UTF-8" standalone="yes" ?>
<!DOCTYPE bugzilla SYSTEM "https://bugs.webkit.org/page.cgi?id=bugzilla.dtd">

<bugzilla version="5.0.4.1"
          urlbase="https://bugs.webkit.org/"
          
          maintainer="admin@webkit.org"
>

    <bug>
          <bug_id>240656</bug_id>
          
          <creation_ts>2022-05-19 08:44:06 -0700</creation_ts>
          <short_desc>AX: VoiceOver skips button when SVG has no img role</short_desc>
          <delta_ts>2022-05-19 08:44:13 -0700</delta_ts>
          <reporter_accessible>1</reporter_accessible>
          <cclist_accessible>1</cclist_accessible>
          <classification_id>1</classification_id>
          <classification>Unclassified</classification>
          <product>WebKit</product>
          <component>Accessibility</component>
          <version>Safari 15</version>
          <rep_platform>Mac (Apple Silicon)</rep_platform>
          <op_sys>iOS 15</op_sys>
          <bug_status>NEW</bug_status>
          <resolution></resolution>
          
          
          <bug_file_loc></bug_file_loc>
          <status_whiteboard></status_whiteboard>
          <keywords>InRadar</keywords>
          <priority>P2</priority>
          <bug_severity>Normal</bug_severity>
          <target_milestone>---</target_milestone>
          
          
          <everconfirmed>1</everconfirmed>
          <reporter name="Stephen Tang">mr.stephentang</reporter>
          <assigned_to name="Nobody">webkit-unassigned</assigned_to>
          <cc>andresg_22</cc>
    
    <cc>webkit-bug-importer</cc>
          

      

      

      

          <comment_sort_order>oldest_to_newest</comment_sort_order>  
          <long_desc isprivate="0" >
    <commentid>1870392</commentid>
    <comment_count>0</comment_count>
    <who name="Stephen Tang">mr.stephentang</who>
    <bug_when>2022-05-19 08:44:06 -0700</bug_when>
    <thetext>When a button has a SVG image within without role img, VoiceOver on MacOS do not include the button in the reading order (using Arrow keys).

The button can only be focused using Tab key.

In order to resolve this, the SVG needs to be given a role img. 

&lt;button aria-label=&quot;test label&quot;&gt;
  &lt;svg focusable=&quot;false&quot; aria-hidden=&quot;true&quot; role=&quot;img&quot;&gt;...&lt;/svg&gt;
&lt;/button&gt;

Otherwise, the button can only be focused using Tab key and not when reading the page using Arrow keys.</thetext>
  </long_desc><long_desc isprivate="0" >
    <commentid>1870393</commentid>
    <comment_count>1</comment_count>
    <who name="Radar WebKit Bug Importer">webkit-bug-importer</who>
    <bug_when>2022-05-19 08:44:13 -0700</bug_when>
    <thetext>&lt;rdar://problem/93579285&gt;</thetext>
  </long_desc>
      
      

    </bug>

</bugzilla>