WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Figures, ALT text and lightboxes

for

From: Steve Faulkner
Date: Feb 7, 2016 1:51PM

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 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.)
>
> -----Original Message-----
> From: Steve Faulkner [mailto: <EMAIL REMOVED> ]
> Sent: Monday, 8 February 2016 1:21 AM
> To: WebAIM Discussion List < <EMAIL REMOVED> >
> Subject: Re: [WebAIM] Figures, ALT text and lightboxes
>
> 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>
>
>
>
> > 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.
>
> > > > > >