-
AuthorPosts
-
February 2, 2016 at 10:15 am #776237
Hi,
I’ve noticed that the images I use throughout my site that are displayed in a lightbox, are missing the Alt tags. The images that are being used, have alt tags assigned through WordPress, but I have even added them to the shortcode inside of cornerstone http://prntscr.com/9y3zgt ; still, nothing.
Is there a way to fix this?
Thanks
February 2, 2016 at 10:16 am #776238This reply has been marked as private.February 2, 2016 at 9:07 pm #777124Hi there,
Thanks for writing in! I can see the ALT tag is there – http://prntscr.com/9yc8uq
Are you saying it’s coming from the the ALT tag that set to media?
Can you confirm that you are fully updated? (Theme and Plugins)
You can find the latest version numbers here: (http://theme.co/changelog/) Then you can compare them to what’s installed on your site.
If you find anything to be out of date, you can review our update guide.
February 3, 2016 at 8:56 am #778032Hi,
Thanks for responding. The screenshot that you supplied, is actually referencing the alt tag of the image that triggers the lightbox, which is not the issue. The issue is the images that are displayed in the lightbox itself. So, when you click the image you saw the alt tag for, it’s triggers a light box, and the images inside the lightbox are not displaying the alt tags.
Ive updated the site yesterday, so everything is up-to-date.
February 3, 2016 at 11:23 am #778349Hi there,
Thanks for updating. ALT attribute is not supposed to have on the lightbox image that will be pop up. An alt tag is a text alternative for an image or object on your page. The alt tag will be read by screenreaders and other site readers as an alternative to the image itself.
On lightbox, the pop-up image won’t be displayed thus no need for the screen readers text. It won’t be used on SEO purpose too since it’s actually hidden by default rather it might create bad impression on SEO if your hidden image have ALT tag.
Hope this makes sense.
Cheers!
February 3, 2016 at 2:32 pm #778671Hi, the reason I’m asking this is for SEO purposes, and it is having a negative effect on my site being indexed. Check out the results from a recent SEO audit: http://prntscr.com/9ynfdt
The images that the audit is referring to are those that are in the lightboxes. I don’t have them anywhere else on my site. If the light boxes aren’t causing this then what is?
Thanks in advance
February 3, 2016 at 10:39 pm #779230Hi there,
They are your images hidden by display: none and they don’t have alt tags. Since hidden, you can just add normal images with alt instead of cornerstone image elements.
Thanks.
February 4, 2016 at 9:34 am #779981Hi, thanks for your response.
How would I trigger the lightbox then? Can I add a class to an image anchor like:
<img src="http://www.image.com" class="btn-lightbox" alt="alt would go here" />
Thanks
February 4, 2016 at 6:37 pm #780683Hi There,
Sorry for the confusion. For your image gallery we advice that you utilize the Envira Gallery instead. While Responsive lightbox shortcode still works, it is not fully supported with Cornerstone. Our Dev Team might implement a new modal box element in the future, but for now you might want to use the Essential Grid or Envira Gallery extensions instead of the lightbox.
Thank you for understanding. Cheers!
February 4, 2016 at 6:57 pm #780697Is the envira gallery able to be trigger from a button or link? A gallery is not really practical from a design stand point, or I would have just used the gallery feature.
February 5, 2016 at 1:02 am #781104Hi there,
Thanks for updating. In that case, I’d suggest to wait for Cornerstone element for “Responsive Lightbox” for complete feature with ALT tag. We’ll forward this to our developer to make sure to add ALT tag for the Cornerstone element. Thanks for your patience.
Cheers!
February 5, 2016 at 11:12 am #781910Thanks,
Do you have any time frame on this? This seems like it should take priority, as anyone who is using the lightbox is probably being effected in their rankings.
Thanks
February 5, 2016 at 9:53 pm #782581Hi Thom,
Back to your question at #779981, images aren’t link hence you can wrap your image with links too.
<a href="http://www.image.com/large-image.jpg" class="btn-lightbox"><img src="http://www.image.com/small-image.jpg" alt="alt would go here" /></a>
This was already forwarded as feature request, but, I can’t tell its priority status.
Thanks.
-
AuthorPosts