Accessibility issues

Hi,
We've built a website using BeTheme and accessibility features (W3C) are very important for this one.
We have a big issue with logo which doesn't pick up the ALT tag, despite of the ALT tag being added to the logo in the media library.
When we inspect it on the frontend we can see the ALT tag is empty:
<img class="logo-main scale-with-grid" src="https://healthierblackpool.co.uk/wp-content/uploads/2020/03/BlackpoolCouncil-Logo-WHITE.png" data-retina="" data-height="" alt="" data-no-retina="">
How can that be fixed?

Also, other big issue is with empty links; element below is causing a lot of issues:
<div class="image_links">
Redundant linkEmpty link<a href="https://healthierblackpool.co.uk/all-services/stop-smoking/" class="link" style="text-decoration: underline;"><i class="icon-link"></a>
</div>
Can that be removed so it's not showing as an emty link?
Thanks

Comments

  • Hello,
    Please disable all of the plugins, clear the cache and provide the alt tags once more, then test if they are visible.
    thanks
  • No, it didn't help. 
    Any other idea how that can be fixed and why it's not reading the ALT text?
  • Please tell me, did you migrate your website from hosting to hosting?
    Thanks
  • No, there was no migration between hosting providers.
  • Hey,

    Please send us WordPress dashboard access privately thru the contact form which is on the right side at http://themeforest.net/user/muffingroup#contact and we will check what might be the reason.

    Notice!
    Please attach a link to this forum discussion.


    Thanks
  • Hello,
    there must have been a migration or some plugin you used messed up something in the media library database.
    When I reuploaded the logo, everything works fine. This happens when users move the website with some third party plugins or they have some kind of database changing plugins.
    thanks
  • Thank you for your help.
    Could you please let me know the path to BeTheme core file to find this element:

    <div class="image_links double"><a href="/wp-content/uploads/2020/04/Maintain-Healthy-Weight.jpg" class="zoom" rel="lightbox" data-type="image"><i class="icon-search"></i></a><a href="/mindful-cooking-eating/" class="link"><i class="icon-link"></i></a></div>

    We need to amend it in order for it to be accessible for people with disabilities.

    Thanks. 


  • Sorry, but we do not help with this kind of questions, but surely, if you know something about coding, you should take a look at the theme-shortcodes.php file in functions directory, it will direct you to the further files.

    thanks
  • Sure, no problem, I will do it, just wasn't sure in which file I can find this element.
    Thanks.
Sign In or Register to comment.