Voice Control > "Show me numbers" with web development

Our build is showing numbers for non-interactive elements, like <span> or <h2> elements.

I read in Apple's Voice Control 2019 technical brief that item numbers should assign numbers to clickable or tappable items. Are we doing something wrong in our code or is Voice Control inconsistent in how it assigns item numbers?

Hey there, are you able to provide more context about your elements? You mention they are non-interactive, does this mean you don't have any event listeners added to these?

Additionally, do these elements return anything for "Focusable" or "Clickable" if you inspect the page?

Any extra details like code snippets will be immensely helpful to understanding this case. Thanks!

  1. I am being shown a number against non-clickable elements too. On inspecting, I can see that even a  heading tag is being assigned a number
  2. There is a table added on the page where I'm testing. I am begin shown a number against each entry in the table (none of them is a button or a link)
  3. Eg code snippet:
       <h2 id="hey-there-text">
                Hey there
       </h2>

These seems to a an issue of iOS. Opening webpage on Safari on Mac, then item numbers are correct. Opening same page on iOS Safari, then numbers are incorrect. Hope it would be fixed soon.

I am using WKWebview and loading HTML content with couple of <a> tags. However, I do not see any numbers for links when I say "Show Numbers" with voice control turned on.

Any help would be appreciated. I am testing it with 17.4.1

Voice Control &gt; "Show me numbers" with web development
 
 
Q