Previous technique
Next technique

User alternative text for chart graphics

WCAG 2.2
A
#charts

In the following example we have a flowchart in image form, with text in the alt attribute rephrasing the flowchart in prose form:

<p>
	In the common case, the data handled by the tokenization stage comes from the network, but it can
	also come from script.
</p>
<p>
	<img
		src="images/parsing-model-overview.svg"
		role="image"
		alt="The Network passes data to the Input Stream Preprocessor, which passes it to the Tokenizer, which passes it to the Tree Construction stage. From there, data goes to both the DOM and to Script Execution. Script Execution is linked to the DOM, and, using document.write(), passes data to the Tokenizer."
	/>
</p>
Source of this technique  Opens in a new window

Learn more about the related success criteria: