VoiceOver Accessibility issue on inline elements

Question

Mac voiceover ignoring tabindex="0" on spans during tab navigation. It reads everything at once. I'm using Mac macOS Sierra 10.12 and browser chrome. Here is my code

  <p>
      <span tabindex="0">Hello</span>
      <span tabindex="0">World</span>
      <span tabindex="0">Say </span>
      <span tabindex="0">No </span>
      <span tabindex="0">To </span>
    </p>