One image, three purposes

A constructed teaching page for the Academy alt-text guide. The still life is AI-generated. This page contains no real event listing or booking form. Use a screen reader or inspect each image to compare its text alternative.

English examples

1. An informative image

This lesson is about an asymmetrical arrangement.

Orange flowers cluster low in a blue bowl, while a leafy branch reaches high to the left. — The alternative describes the relationship this lesson needs.

2. An image-only link

Select the image to read the example's details below.

The image provides the link's name.

3. A link with text

The same destination is already named by visible text.

View the botanical workshop details

The image's alt="" avoids repeating that name.

Example details

This is the destination of the demonstration links. There is no real workshop to reserve. In an actual website, this section would contain the genuine event information in ordinary page text.

中文示例

1. 说明信息的图片

这一课解释不对称的插花关系。

蓝色浅钵里的橙色花朵聚集在较低的位置，一根带叶枝条向左上方伸展。 — 替代文字说明本课需要理解的关系。

2. 只有图片的链接

选择图片，跳到下方的示例说明。

图片的替代文字提供链接名称。

3. 已有文字的链接

可见文字已经说明同一个链接的目的地。

查看植物花艺工作坊详情

图片使用 alt=""，避免重复名称。

示例详情

这里是演示链接的目标位置，没有可以预约的真实工作坊。在实际网站中，这里应当用普通页面文字提供真实的活动信息。