WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: Title attribute on images?

for

Number of posts in this thread: 5 (In chronological order)

From: Colleen Gratzer
Date: Sat, Feb 08 2020 1:12PM
Subject: Title attribute on images?
No previous message | Next message →

Hi, folks.

It's been my understanding that the title attribute should not be used
on important images, as it presents usability issues, especially if it's
just duplicating the Alt-text, and that it's not supported very well.

I've seen this recommendation to not use it from several well-known
accessibility experts. So that's always been my practice. When I've had
sites audited, I've never been told to include this either.

But I just came across a site (and then others I found searching for
that same text verbatim) that says:

"According to W3C Accessibility Guidelines, for code to be considered
W3C-valid, it is important to include both image alt text and image
title text in the image for important images on the page."

I have never heard this and cannot find anything supporting it. Which is
correct?

Thanks in advance.


Colleen Gratzer
Certified Branding Expert + Accessibility Specialist, Gratzer Graphics LLC
https://gratzergraphics.com
Design Mentor and Host of the Design Domination podcast
http://creative-boost.com

From: Patrick H. Lauke
Date: Sat, Feb 08 2020 1:13PM
Subject: Re: Title attribute on images?
← Previous message | Next message →

On 08/02/2020 20:12, Colleen Gratzer wrote:
> I just came across a site (and then others I found searching for
> that same text verbatim) that says:
>
> "According to W3C Accessibility Guidelines, for code to be considered
> W3C-valid, it is important to include both image alt text and image
> title text in the image for important images on the page."
>
> I have never heard this and cannot find anything supporting it. Which is
> correct?
It's rubbish.

P
--
Patrick H. Lauke

https://www.splintered.co.uk/ | https://github.com/patrickhlauke
https://flickr.com/photos/redux/ | https://www.deviantart.com/redux
twitter: @patrick_h_lauke | skype: patrick_h_lauke

From: Colleen Gratzer
Date: Sat, Feb 08 2020 1:20PM
Subject: Re: Title attribute on images?
← Previous message | Next message →

Thank you, Patrick.

Amazingly enough, I Googled that paragraph and found several other sites
saying the same thing verbatim, just parroting something they saw
elsewhere without researching it. :/


Colleen Gratzer
Certified Branding Expert + Accessibility Specialist, Gratzer Graphics LLC
https://gratzergraphics.com
Design Mentor and Host of the Design Domination podcast
http://creative-boost.com


On 2/8/20 3:13 PM, Patrick H. Lauke wrote:
> On 08/02/2020 20:12, Colleen Gratzer wrote:
>> I just came across a site (and then others I found searching for that
>> same text verbatim) that says:
>>
>> "According to W3C Accessibility Guidelines, for code to be considered
>> W3C-valid, it is important to include both image alt text and image
>> title text in the image for important images on the page."
>>
>> I have never heard this and cannot find anything supporting it. Which
>> is correct?
> It's rubbish.
>
> P

From: Birkir R. Gunnarsson
Date: Sat, Feb 08 2020 3:39PM
Subject: Re: Title attribute on images?
← Previous message | Next message →

What they might mean is that if the image has a title text that is
different from its alt text, you need to include both.
The alt text describes the image, the title text could provide context
for the image.
e.g.
<img src="something.jpg" alt="painting of a downtrotten donkey"
title="overworked animals in Angola by Raymond Blah">
When the two are the same, only use either the alt or title attribute
(both are valid ways to expose a text alternative, though alt is
better).
The above example is bad accessibility regardless, the text would not
be accessible to keyboard only users. We have <figure>/<figcaption>
for that.
So, I agree with Patrick, this is rubbish, but this is maybe what they mean.

On 2/8/20, Colleen Gratzer < = EMAIL ADDRESS REMOVED = > wrote:
> Thank you, Patrick.
>
> Amazingly enough, I Googled that paragraph and found several other sites
> saying the same thing verbatim, just parroting something they saw
> elsewhere without researching it. :/
>
>
> Colleen Gratzer
> Certified Branding Expert + Accessibility Specialist, Gratzer Graphics LLC
> https://gratzergraphics.com
> Design Mentor and Host of the Design Domination podcast
> http://creative-boost.com
>
>
> On 2/8/20 3:13 PM, Patrick H. Lauke wrote:
>> On 08/02/2020 20:12, Colleen Gratzer wrote:
>>> I just came across a site (and then others I found searching for that
>>> same text verbatim) that says:
>>>
>>> "According to W3C Accessibility Guidelines, for code to be considered
>>> W3C-valid, it is important to include both image alt text and image
>>> title text in the image for important images on the page."
>>>
>>> I have never heard this and cannot find anything supporting it. Which
>>> is correct?
>> It's rubbish.
>>
>> P
> > > > >


--
Work hard. Have fun. Make history.

From: Colleen Gratzer
Date: Sun, Feb 09 2020 7:10AM
Subject: Re: Title attribute on images?
← Previous message | No next message

Thanks, Birkir!


On 2/8/20 5:39 PM, Birkir R. Gunnarsson wrote:
> What they might mean is that if the image has a title text that is
> different from its alt text, you need to include both.
> The alt text describes the image, the title text could provide context
> for the image.
> e.g.
> <img src="something.jpg" alt="painting of a downtrotten donkey"
> title="overworked animals in Angola by Raymond Blah">
> When the two are the same, only use either the alt or title attribute
> (both are valid ways to expose a text alternative, though alt is
> better).
> The above example is bad accessibility regardless, the text would not
> be accessible to keyboard only users. We have <figure>/<figcaption>
> for that.
> So, I agree with Patrick, this is rubbish, but this is maybe what they mean.
>
> On 2/8/20, Colleen Gratzer < = EMAIL ADDRESS REMOVED = > wrote:
>> Thank you, Patrick.
>>
>> Amazingly enough, I Googled that paragraph and found several other sites
>> saying the same thing verbatim, just parroting something they saw
>> elsewhere without researching it. :/
>>
>>
>> Colleen Gratzer
>> Certified Branding Expert + Accessibility Specialist, Gratzer Graphics LLC
>> https://gratzergraphics.com
>> Design Mentor and Host of the Design Domination podcast
>> http://creative-boost.com
>>
>>
>> On 2/8/20 3:13 PM, Patrick H. Lauke wrote:
>>> On 08/02/2020 20:12, Colleen Gratzer wrote:
>>>> I just came across a site (and then others I found searching for that
>>>> same text verbatim) that says:
>>>>
>>>> "According to W3C Accessibility Guidelines, for code to be considered
>>>> W3C-valid, it is important to include both image alt text and image
>>>> title text in the image for important images on the page."
>>>>
>>>> I have never heard this and cannot find anything supporting it. Which
>>>> is correct?
>>> It's rubbish.
>>>
>>> P
>> >> >> >> >>
>
>