html - Voiceover returns to title of page after reading offset text -

I am trying to make a site accessible, and a link that is hidden by default, unless That keyboard focus is not kept on it, in which case it becomes visible, the link leaves behind a YouTube video and on other content. I do fine on the desktop, but after using the safari with the voiceover on the mobile device, after reading the link, focus back to the page title. What I have now:

  & lt; Div class = "skip-link" & gt; & Lt; A href = "# skipvideo" & gt; Skip YouTube Video & lt; / A & gt; & Lt; / Div & gt; ... & lt; A class = "hidden" id = "skipvideo" name = "skipvideo" tabindex = "- 1" & gt; & Lt; / A & gt;   
 CSS:  
 . Skip-link a, .skip-linkvideo {left: -10000px; Status: Completed; Color: #fff}. Skip-link a: Focus. Skip-link a: active {left: 0px; Status: Relative; Outline style: solid; Height: 22px; Padding: 2px; }   
 Does anyone have an idea why this voice does?   
 
 
 This indicates that the difference between elements in general and in focus is the problem Is creating.  
 Replacing other elements from the absolute relative to the other, due to which the voices should refresh it one page.