Title: Broken screen reader skip link
Last modified: September 23, 2020

---

# Broken screen reader skip link

 *  [thewoosh](https://wordpress.org/support/users/thewoosh/)
 * (@thewoosh)
 * [5 years, 7 months ago](https://wordpress.org/support/topic/broken-screen-reader-skip-link/)
 * Hi
    I am having to try and retrospectively ensure that our Town Council website
   meets accessibility requirements due to new legislation in the UK from this week.
   I am checking it using Wave accessibility checker and there are a number of issues
   arising but there are two actual errors that I haven’t been able to resolve… 
   The first is that I am getting a ‘Broken Skip Link’ error. THis relates to the
   fact that although there is a screen reader skip link in the theme, it is not
   accessible by using the tab key. Any suggestions how this might be fixed?
 *     ```
       <a class="screen-reader-text skip-link" href="#content">
       Skip to content
       </a>
       ```
   
 * THe second issue is that 2 ‘Empty Links’ are being reported – these are due to
   the inclusion of:
 *     ```
       <a href="javascript:;" id="fancybox-left">
       <span class="fancy-ico" id="fancybox-left-ico">
       </a>
       Redundant linkEmpty link
       <a href="javascript:;" id="fancybox-right">
       <span class="fancy-ico" id="fancybox-right-ico">
       </a>
       ```
   
 * …at the bottom of every page. I realise that this is due to fancybox but any 
   ideas how this might be fixed? I don’t think I am even using fancybox on the 
   site…
    Thanks!
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fbroken-screen-reader-skip-link%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 1 replies (of 1 total)

 *  Thread Starter [thewoosh](https://wordpress.org/support/users/thewoosh/)
 * (@thewoosh)
 * [5 years, 7 months ago](https://wordpress.org/support/topic/broken-screen-reader-skip-link/#post-13444957)
 * Actually I realised that I had hidden the screen reader text in css with :
 *     ```
       .screen-reader-text {
         display: none;
       }
       ```
   
 * I have removed this and now the link appears on first tab but it scrolls the 
   page up so that the top part of the content div is hidden under the collapsed
   menu bar. Is there anyway to offset this so that content starts below the menu
   bar?
    -  This reply was modified 5 years, 7 months ago by [thewoosh](https://wordpress.org/support/users/thewoosh/).
    -  This reply was modified 5 years, 7 months ago by [thewoosh](https://wordpress.org/support/users/thewoosh/).

Viewing 1 replies (of 1 total)

The topic ‘Broken screen reader skip link’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/customizr/4.4.24/screenshot.png)
 * Customizr
 * [Support Threads](https://wordpress.org/support/theme/customizr/)
 * [Active Topics](https://wordpress.org/support/theme/customizr/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/customizr/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/customizr/reviews/)

 * 1 reply
 * 1 participant
 * Last reply from: [thewoosh](https://wordpress.org/support/users/thewoosh/)
 * Last activity: [5 years, 7 months ago](https://wordpress.org/support/topic/broken-screen-reader-skip-link/#post-13444957)
 * Status: not resolved