ALT Tag for header image (hero_image)

,
1

Hello, I figured out to tag images. But I don’t know how to tag a hero_image, the image in the header. Diagnose shows to me, that one image is without alt.
Would be great to get support.

2

Please read at least the “Provide context for your question” part of this topic

1 Like
3

I installed the Blog Site Skeleton, updated it to 1.7.49.5., with Quark Theme 2.0.0. The plugins I use are those shipped by the installation package.
There are no program errors, but SEO analysis shows that the header image (hero_image) has no alt tag.
I hope these additional details are sufficient for you to answer my support request.

4

@farf, In that case, the header image cannot have an alt attribute, because it is a background image. Only <img> elements can have an alt attribute.

<section id="blog-hero" 
    class="section modular-hero hero text-light title-h1h2 overlay-dark-gradient hero-large parallax " 
    style="background-image: url('/user/pages/01.blog/mountain.jpg');">
    <div class="image-overlay"></div>
    <section class="container grid-xl" style="text-align: center">
        <h1>My <strong>Grav</strong>tastic Blog</h1>
        <h2>the ramblings of a rambler</h2>
    </section>
    <i id="to-start" class="pulse fa fa-angle-down"></i>
</section>
1 Like