Okay
  Public Ticket #3013904
Non accessible Menu - Tabbing through site doesn't work
Closed

Comments

  •  4
    marketingTRSM started the conversation

    Hi Support team, 

    The off-canvas menu isn't accessible to keyboard-only users. 

    When I use the tab to navigate and I get to the hamburger menu or sidewidgetarea (3 lines) I can open the menu by tabbing over to the hamburger icon, and click enter to open it, but the focus remains on the page content behind it, not on the menu items, so a user can not select a menu item. Instead they are stuck on the page on the background, and they have to tab their way through the entire webpage to later get to the menu (sidewidgetarea) to be able to close it. This is not functional.

    Can you please help. We need to develop an accessible website for our organization, and we need to make sure this feature works.

  •  1,877
    Judith replied

    Hi There,

    Thanks for writing to us.

    Please allow me to escalate this to the developer to respond further.

    Thanks.

  •   ThemeNectar replied privately
  •  4
    marketingTRSM replied

    Hi, 

    I replaced all theme files with the new release folder, but now we have an issue with our page not working at all. 

    The images are not showing up on this page, and the links to navigate through the various letters at the submenu are not working now. 

    https://report2021.tedrogersschool.ca/research/

    any idea what could have gone wrong?

  •  1,070
    ThemeNectar replied

    Hey marketingTRSM,

    Can you try to temporarily disable your performance plugin which is loading the compressed/cached versions of the theme files?

    Kind regards,

  •  4
    marketingTRSM replied

    Thank you for the quick response. Very much appreciated. 

    That doesn't seem to work. The page is still not showing the images, and links in the alphabet submenu are not working either.

    Should I go back and replaced the files with the older files?


  •  1,070
    ThemeNectar replied

    Hey, before you do that can you add the following snippet to your child theme functions.php file:

    add_filter('nectar_dev_mode', 'salient_child_dev_mode');
    
    function salient_child_dev_mode() {
      return true;
    }
    
    it will allow for further errors to show in the browser console to allow us to pinpoint what's going wrong. Kind regards,
  •  4
    marketingTRSM replied

    Now all the images on the main homepage are also gone. 

    https://report2021.tedrogersschool.ca/

    it seems that it had something to do with the plugin, but can this be reversible? 

  •  4
    marketingTRSM replied

    Done. The snippet is now there.

  •   marketingTRSM replied privately
  •  1,070
    ThemeNectar replied

    Ok goodsmile.png

    The "nectar_dev_mode" filter allows the theme to load the uncompressed version of the JS/CSS and that alone has corrected the issue.

    It looks as though when you were uploading the new version to your server, one of the compressed JS files got corrupted - specifically this one: https://report2021.tedrogersschool.ca/wp-content/themes/salient/js/build/init.js as it does not contain the same code as the provided version from the dropbox link I gave earlier and was causing an error.

    You can either just keep the nectar_dev_mode enabled in your setup until the next official release, or try and download the file salient/js/build/init.js from the dropbox link again and upload that once more to your setup.

    Kind regards,

  •  4
    marketingTRSM replied

    Hi,

    Thank you for the details. 

    I will try to replace the file. and will use the code if necessary, for the release. I'll let you know if the file replacement worked.

    Thank you.

  •  4
    marketingTRSM replied

    Hi, 

    I downloaded the Salient folder again. I replaced the specific file wp-content/themes/salient/js/build/init.js , then removed the dev mode code, and the site broke again. 

    I added the dev mode code again. Yes, I will keep the code for launch.

    Does this mean that the W3 Total Cache should be active and it should not cause further issues?

    When do you expect the next release? I installed Envato Market plugin for future updates. Have not used it yet, but will be ready. 

  •  4
    marketingTRSM replied

    I did a code compare - between the code in the file downloaded, and the file on the server, but couldn't find a difference.

  •  1,070
    ThemeNectar replied

    Hey marketingTRSM,

    Did you try clear your browser's cache after uploading the file again? Since the version number didn't change, it's possible that the previously broken version was still loading.

  •  4
    marketingTRSM replied

    Hi support team, 

    Thanks for the help on this issue. I removed the 'dev mode' code and the site is loading with the images now.