Accessibility issues

webhappy

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">

<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

Pablo

Hello,

Please disable all of the plugins, clear the cache and provide the alt tags once more, then test if they are visible.

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

webhappy

No, it didn't help. 

Any other idea how that can be fixed and why it's not reading the ALT text?

Pablo

Please tell me, did you migrate your website from hosting to hosting?

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

webhappy

No, there was no migration between hosting providers.

Pablo

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

Bryan

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

webhappy

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. 

Pablo

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

webhappy

Sure, no problem, I will do it, just wasn't sure in which file I can find this element.

Thanks.