Alt for transparent header image

well i think you mean the image used for transparency options – it is indeed under subtext class the image – but the image itself has a unique class : alternate – so you can use that too for select the right image.
i noticed that little snippet to influence both logo img and logo alternate img . On most of my installations it is not necessary to have to wait for dom loading finished. But it will be the right way to do it exactly.

function custom_logo_attriubtes(){
?>
<script>
(function($){
  $('.logo img').attr({ title:"custom_title", alt:"custom_alt" });
  $('.logo img.alternate').attr({ title:"transparent Logo", alt:"Alt Transparent" });
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'custom_logo_attriubtes');

i guess you can use both prop or attr to have this set.

where does the additional code come from in your site?
those additional classes ( f.e. on alternate logo: _3c ) etc – there is an event on logo too? this is not enfold stuff – so i guess it is concerning to a plugin.
And this will be in conflict with the snippet.

Or it had to be refreshed the whole cache and f.e. the caching of that plugin.
I see in your source: “Cached with Swift Performance”

Setting an alt-altribut with javascript is not a solution. Because then it won’t be in the source HTML send to the client — it will be attached afterwards from the client itself.
So adding it with javascript does not solve any possible situation where you would need an alt-attribut (SEO, Screenreader).

Btw. the solution with javascript does work on the page from tglawe … but obviously it is still not visible when you go ‘right klick > show source’ … reason as described before. When you look at the “generated” source code after javascript is executed it is there.

So i agree with peterolle that this has to be solved from Enfold and should use the same alt-attribut like the main logo does: [blogname]. But don’t load the alt from the media-info, because it can also be a different image not uploaded through WP.

Easy to recreate with every standard, fresh installation of Enfold:

=> https://kriesi.at/themes/enfold/homepage/transparent-header/

<span class="logo">
  <a href="https://kriesi.at/themes/enfold/" style="max-height: 88px;">
    <img src="https://kriesi.at/themes/enfold/wp-content/uploads/sites/37/2018/04/splash-orange.png" alt="Enfold Theme Demo" style="max-height: 88px;" width="300" height="100">
    <span class="subtext">
      <img src="https://kriesi.at/themes/enfold/files/2014/03/logo_trans.png" class="alternate" alt="" title="" style="max-height: 88px;">
    </span>
  </a>
</span>

See alternate transparent logo “logo_trans.png” => alt=””

I think this was never solved.

—–
Edit: In my opinion it shouldn’t use the info from the media library … you can use every other image-url and there won’t be that info if it’s not uploaded through the wp media library … the main logo also doesn’t use the info from the media library and that’s rational i think …

• This reply was modified 4 years, 8 months ago by cg.

What does the code above do:
the register-admin-options.php rules the outlook of our enfold options page.
every tab has its own slug ( avia, layout, styling … header … etc.)
now the slug is searched (in this case: header) and it looks for a given ID – (in this case: header_replacement_logo)
if this is found the whole avia_elements is splittet at that point – the new arrays are inserted – and then the rest will be addad afterwards ( Kind of CRISPR for jQuery)
if the ID could not be found – the new array will be inserted as last elements in the slug
The new elements are only input fields for alt and title attribute.
And because the id’s are used ( see code here ) they were inserted in the frontend
_______

For Main Logo
aha it is function-set-avia-frontend.php – and the alt is set to the bloginfo name there is a filter for it but on title it is missing there
Edit : No the filter allready exist – but was on a different place!

we can influence the logo by this:

function avf_change_logo_alt($alt) {
   $alt = "New Alternate Text Here";
   return $alt;     
}
add_filter('avf_logo_alt', 'avf_change_logo_alt');

function avf_change_logo_title($title) {
   $title = "The new Title is here";
   return $title;     
}
add_filter('avf_logo_title', 'avf_change_logo_title');

If I should make a decision, I would either go for this manual input solution via register-admin-options.php – or for a filter solution for both logos.
So the attachment alt and title attributes can be used in content – but in this position as logo – we can input a unique text