E-mail List Archives
Thread: Figures, ALT text and lightboxes
Number of posts in this thread: 4 (In chronological order)
From: Bernard de Broglio
Date: Sat, Feb 06 2016 6:34PM
Subject: Figures, ALT text and lightboxes
No previous message | Next message →
Hello all,
We're using FIGURE with FIGCAPTION to provide an image and a description of the image + photographer credit.
WebAIM's excellent article Alternative Text suggests that no ALT is necessary, the FIGCAPTION does the work.
But we show ALT="" in the IMG tag.
The same article also says that an image with an anchor must never have a missing or null ALT attribute.
We don't use the ANCHOR element but we do use a DATA-URL attribute in the FIGURE tag.
My question: is this good?
<figure data-url="URL">
<p><img src="IMAGE_URL" alt="" /></p>
<figcaption>
<p>CAPTION</p>
</figcaption>
</figure>
Thanks for your consideration.
Bernard de Broglio
Web Manager
Media & Communications
<http://www.cityofsydney.nsw.gov.au>;[http://cdn.cityofsydney.nsw.gov.au.s3.amazonaws.com/2030/Graphics/cityofsydney.png]
____
Telephone: 9246 7601
cityofsydney.nsw.gov.au<http://www.cityofsydney.nsw.gov.au>;
This email and any files transmitted with it are intended solely for the use of the addressee(s) and may contain information that is confidential or subject to legal privilege. If you receive this email and you are not the addressee (or responsible for delivery of the email to the addressee), please note that any copying, distribution or use of this email is prohibited and as such, please disregard the contents of the email, delete the email and notify the sender immediately.
From: Steve Faulkner
Date: Sun, Feb 07 2016 7:21AM
Subject: Re: Figures, ALT text and lightboxes
← Previous message | Next message →
Hi Bernard
If an image is the subject of a figure and an alt text is not provided it
must not have an empty alt (alt=""). The circumstances where it is
conforming to have an image in a figure without an alt text are quite
restrictive, refer to
https://www.w3.org/TR/html5/embedded-content-0.html#when-a-text-alternative-is-not-available-at-the-time-of-publication
data-url is a custom attribute that does not act as a link, it's semantics
have no meaning outside of the scripting/software it has been designed for
and so will be ignored.
This is acceptable if no text alternative can be provided
<figure data-url="URL">
<p><img src="IMAGE_URL"></p>
<figcaption>
<p>CAPTION</p>
</figcaption>
</figure>
On Sunday, 7 February 2016, Bernard de Broglio <
= EMAIL ADDRESS REMOVED = > wrote:
> Hello all,
>
> We're using FIGURE with FIGCAPTION to provide an image and a description
> of the image + photographer credit.
>
> WebAIM's excellent article Alternative Text suggests that no ALT is
> necessary, the FIGCAPTION does the work.
>
> But we show ALT="" in the IMG tag.
>
> The same article also says that an image with an anchor must never have a
> missing or null ALT attribute.
>
> We don't use the ANCHOR element but we do use a DATA-URL attribute in the
> FIGURE tag.
>
> My question: is this good?
>
> <figure data-url="URL">
> <p><img src="IMAGE_URL" alt="" /></p>
> <figcaption>
> <p>CAPTION</p>
> </figcaption>
> </figure>
>
> Thanks for your consideration.
>
>
> Bernard de Broglio
> Web Manager
> Media & Communications
>
>
> <http://www.cityofsydney.nsw.gov.au>;[
> http://cdn.cityofsydney.nsw.gov.au.s3.amazonaws.com/2030/Graphics/cityofsydney.png
> ]
>
> ____
> Telephone: 9246 7601
> cityofsydney.nsw.gov.au<http://www.cityofsydney.nsw.gov.au>;
>
>
>
>
> > This email and any files transmitted with it are intended solely for the
> use of the addressee(s) and may contain information that is confidential or
> subject to legal privilege. If you receive this email and you are not the
> addressee (or responsible for delivery of the email to the addressee),
> please note that any copying, distribution or use of this email is
> prohibited and as such, please disregard the contents of the email, delete
> the email and notify the sender immediately.
>
> > > > > >
From: Bernard de Broglio
Date: Sun, Feb 07 2016 1:24PM
Subject: Re: Figures, ALT text and lightboxes
← Previous message | Next message →
Thank you Steve, that was very helpful.
We -can- provide a text alternative for the image, but it would be essentially the same as the caption.
My concern was that a screen reader would read the caption twice.
(The images are historic photos of urban locations. The caption names the place with a brief description.)
From: Steve Faulkner
Date: Sun, Feb 07 2016 1:51PM
Subject: Re: Figures, ALT text and lightboxes
← Previous message | No next message
Hi bernard,
repeating the caption in the alt is not a good idea, but providing some alt
text to indicate the presence of the image is useful:
<figure>
<img src="shadows.jpg" alt="photo:">
<figcaption> Shadow like figures and a graffiti tag drawn on the walls of a
partially demolished building, illuminated by the light from a street lamp.
</figcaption>
</figure>
Here is some further advice on figure usage that may be helpful
https://www.w3.org/TR/2014/WD-html-alt-techniques-20141023/#m6
--
Regards
SteveF
Current Standards Work @W3C
<http://www.paciellogroup.com/blog/2015/03/current-standards-work-at-w3c/>;
On 7 February 2016 at 20:24, Bernard de Broglio <
= EMAIL ADDRESS REMOVED = > wrote:
> Thank you Steve, that was very helpful.
>
> We -can- provide a text alternative for the image, but it would be
> essentially the same as the caption.
>
> My concern was that a screen reader would read the caption twice.
>
> (The images are historic photos of urban locations. The caption names the
> place with a brief description.)
>
>