Support » Theme: Customizr » 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 to see the link]

Viewing 1 replies (of 1 total)
  • Thread Starter thewoosh

    (@thewoosh)

    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 6 months, 2 weeks ago by thewoosh.
    • This reply was modified 6 months, 2 weeks ago by thewoosh.
Viewing 1 replies (of 1 total)
  • The topic ‘Broken screen reader skip link’ is closed to new replies.