Joomla Templates Club 406,261 posts

[citroen1968a Friend citroen1968aJoin date: June 2014Posts: 95Downloads:185Uploads:25 Thanks: 19 Thanked: 11 times in 1 posts]

#205227

Hi,

when i look at the uber business template and use then blog=> masthead => picture

i could not find there the alttext for the picutre (see attachment)

how can I solved that issue.

thanks

---

Attachments:

1. 

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#565557

Hi citroen1968a,

The picture of JA Masshead is the css background image, its not an img element so ATL tag is not needed

<blockquote>CSS background images which are by definition only of aesthetic value – not visual content of the document itself. If you need to put an image in the page that has meaning then use an IMG element and give it an alternative text in the alt attribute.</blockquote>

and
<blockquote>images in CSS are only visual extras, not page content, hence they never need alternative text. “Rounded corner” or “blue-yellow gradient” does not help anybody as alternative text – on the contrary, it annoys the end users.</blockquote>

Source: http://christianheilmann.com/2009/02/25/so-how-do-you-add-alternative-text-to-background-images/

However, if you still want to add the ATL tag for css background image(JA Mass), you can do that via ja/templates/uber/html/mod_jamasshead/default.php

Thank you

[citroen1968a Friend citroen1968aJoin date: June 2014Posts: 95Downloads:185Uploads:25 Thanks: 19 Thanked: 11 times in 1 posts]

#565586

Hi Leo,

it is not that what i want it is what google like for blind people,
for sofar is a know.

https://support.google.com/webmasters/answer/114016?hl=en
http://blog.raventools.com/alt-title-text-optimized-images/

Thanks

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#565657

Hi there,

I know you are talking about atl tag for SEO but please note JA Masthead used CSS BACKGROUND IMAGE, not IMG(<img />) tag. Take a look your screenshot above you will see the source code like so

<div class"masthead-bg" style"background-image: url('your_background.jpg')">

Here the similar question related to this case https://wordpress.org/support/topic/adding-alt-information-to-a-background-image-of-a-ltdivgt-

The background css image used in masshead position for presentational purpose only. it should not be essential for understanding the content or functionality of the page that’s why ALT tag is not needed.

Final, Pragmatic uses of IMG and when to use CSS background-image http://stackoverflow.com/questions/492809/when-to-use-img-vs-css-background-image/1469139#1469139

Have a nice weekend

LEO

1 user says Thank You to phong nam for this useful post

1. citroen1968a

[citroen1968a Friend citroen1968aJoin date: June 2014Posts: 95Downloads:185Uploads:25 Thanks: 19 Thanked: 11 times in 1 posts]

#565670

Hi Leo,

Thanks for explanation, it is clear now.
have a nice weekend to

Gerhard

[Author]

Posts