figureタグの読み上げ例

altが空

1. figcaptionなし 2. figcaptionなし
+pタグ 3. figcaptionあり 4. figcaptionあり
+pタグ

要素

	1. figcaptionなし	2. figcaptionなし +pタグ	3. figcaptionあり	4. figcaptionあり +pタグ
要素		pタグテキスト	figcaptionタグテキスト	figcaptionタグテキスト pタグテキスト
コード	`<a href="/"> <figure> <img src=/_app/immutable/assets/icon.CvV1LpAr.png alt="" /> </figure> </a>`	`<a href="/"> <figure> <img src=/_app/immutable/assets/icon.CvV1LpAr.png alt="" /> </figure> <p>pタグテキスト</p> </a>`	`<a href="/"> <figure> <img src=/_app/immutable/assets/icon.CvV1LpAr.png alt="" /> <figcaption>figcaptionタグテキスト</figcaption> </figure> </a>`	`<a href="/"> <figure> <img src=/_app/immutable/assets/icon.CvV1LpAr.png alt="" /> <figcaption>figcaptionタグテキスト</figcaption> </figure> <p>pタグテキスト</p> </a>`
読み上げ	何も読み上げられない	pタグテキスト	figcaptionタグテキスト	pタグテキスト

pタグテキスト

figcaptionタグテキスト

pタグテキスト

コード

	<a href="/">
		<figure>
			<img src=/_app/immutable/assets/icon.CvV1LpAr.png alt="" />
		</figure>
	</a>

	<a href="/">
		<figure>
			<img src=/_app/immutable/assets/icon.CvV1LpAr.png alt="" />
		</figure>
		<p>pタグテキスト</p>
	</a>

	<a href="/">
		<figure>
			<img src=/_app/immutable/assets/icon.CvV1LpAr.png alt="" />
			<figcaption>figcaptionタグテキスト</figcaption>
		</figure>
	</a>

	<a href="/">
		<figure>
			<img src=/_app/immutable/assets/icon.CvV1LpAr.png alt="" />
			<figcaption>figcaptionタグテキスト</figcaption>
		</figure>
		<p>pタグテキスト</p>
	</a>

読み上げ

何も読み上げられない

pタグテキスト

figcaptionタグテキスト

pタグテキスト

altあり

1. figcaptionなし 2. figcaptionなし
+pタグ 3. figcaptionあり 4. figcaptionあり
+pタグ

要素

	1. figcaptionなし	2. figcaptionなし +pタグ	3. figcaptionあり	4. figcaptionあり +pタグ
要素		pタグテキスト	figcaptionタグテキスト	figcaptionタグテキスト pタグテキスト
コード	`<a href="/"> <figure> <img src=/_app/immutable/assets/icon.CvV1LpAr.png alt="altテキスト" /> </figure> </a>`	`<a href="/"> <figure> <img src=/_app/immutable/assets/icon.CvV1LpAr.png alt="altテキスト" /> </figure> <p>pタグテキスト</p> </a>`	`<a href="/"> <figure> <img src=/_app/immutable/assets/icon.CvV1LpAr.png alt="altテキスト" /> <figcaption>figcaptionタグテキスト</figcaption> </figure> </a>`	`<a href="/"> <figure> <img src=/_app/immutable/assets/icon.CvV1LpAr.png alt="altテキスト" /> <figcaption>figcaptionタグテキスト</figcaption> </figure> <p>pタグテキスト</p> </a>`
読み上げ	altテキスト	pタグテキスト	altテキスト figcaptionタグテキスト	pタグテキスト

pタグテキスト

figcaptionタグテキスト

pタグテキスト

コード

	<a href="/">
		<figure>
			<img src=/_app/immutable/assets/icon.CvV1LpAr.png alt="altテキスト" />
		</figure>
	</a>

	<a href="/">
		<figure>
			<img src=/_app/immutable/assets/icon.CvV1LpAr.png alt="altテキスト" />
		</figure>
		<p>pタグテキスト</p>
	</a>

	<a href="/">
		<figure>
			<img src=/_app/immutable/assets/icon.CvV1LpAr.png alt="altテキスト" />
			<figcaption>figcaptionタグテキスト</figcaption>
		</figure>
	</a>

	<a href="/">
		<figure>
			<img src=/_app/immutable/assets/icon.CvV1LpAr.png alt="altテキスト" />
			<figcaption>figcaptionタグテキスト</figcaption>
		</figure>
		<p>pタグテキスト</p>
	</a>

読み上げ

altテキスト

pタグテキスト

altテキスト figcaptionタグテキスト

pタグテキスト