Quantcast
Channel: The Paciello Group Blog » CSS
Viewing all articles
Browse latest Browse all 9

HTML5 Accessibility Chops: using nested figure elements

$
0
0

If you have a number of related images (or other content) with caption text,  you can use nested figure elements to associate both a group caption and an individual caption to each  instance using the figcaption element.

Using nested figure elements is a useful method for grouping related content instances, such as images.

Examples are provided on a separate page: Use of nested figures

Recommended methods – grouped images

Examples of recommended methods for marking up groups of images which have associated captions:

How NOT TO markup groups of images with associated captions

The HTML5 specification does not currently provide an example of using nested figure elements to mark up a group of images and their captions. Instead it promotes the use of the title attribute anti-pattern to caption the individual images within a figure.

An example of how not to mark up groups of images which have associated captions is provided in Example 3 – bad code example


Viewing all articles
Browse latest Browse all 9

Trending Articles