Home · Academy · Design and Share · User Experience and Accessible Design · Semantic Structure and Alternative Text

Semantic Structure and Alternative Text

Semantic HTML communicates structure and control purpose, while alternative text conveys the function or information of meaningful images.

LESSON COMPASS

What will you use this page for?

Core idea

Semantic HTML communicates structure and control purpose, while alternative text conveys the function or information of meaningful images. The lesson connects four ideas—headings and landmarks, native control semantics, informative versus decorative images, and purposeful alternative text—to one practical situation. Rather than treating these ideas as…

Evidence to produce

Complete the page task with your own input, test conditions and reasoning.

Control trap

Using headings and landmarks as a label without showing how it changed the decision. Choosing one example for native control semantics and treating it as a universal rule. Recording only the final answer and losing the evidence created through informative versus decorative images. Ignoring the limits or recovery steps…

Next connection

For “Semantic Structure and Alternative Text”, return to the module page, complete the evidence artefact for this lesson and continue to the next item in sequence. For “Semantic Structure and Alternative Text”, a project should be presented as completed personal work only after…

Module sources: WCAG 2.2 · WAI Tutorials

LevelBeginner–Intermediate
Age10–15
Duration55–85 min
PrerequisitePrevious item in this module
ContentStandard lesson · 2421 words
Last updated

Short answer

Semantic HTML communicates structure and control purpose, while alternative text conveys the function or information of meaningful images. The lesson connects four ideas—headings and landmarks, native control semantics, informative versus decorative images, and purposeful alternative text—to one practical situation. Rather than treating these ideas as isolated definitions, the page shows how they work together. The learner first states the problem, then chooses evidence, performs a safe action and records what changed. For “Semantic Structure and Alternative Text”, this structure is useful beyond this topic because it makes reasoning transferable: the next unfamiliar tool or claim can be approached with the same disciplined sequence.

Why this matters

Semantic HTML communicates structure and control purpose, while alternative text conveys the function or information of meaningful images. For “Semantic Structure and Alternative Text”, this matters because a learner can follow a rule once without understanding when it applies, when it fails or how to recover from a mistake. Start by naming the exact decision the learner must make. In the accessible user experience context, the goal is not merely to remember vocabulary. The goal is to make a decision that another person can inspect, question and improve. For “Semantic Structure and Alternative Text”, accessibility is a design requirement that should be built into structure, interaction and testing rather than added as decoration after a product is finished. The strongest evidence is the evidence another person can inspect and reproduce. For “Semantic Structure and Alternative Text”, therefore every activity on this page asks for an artefact: a table, diagram, test record, checklist, explanation or short reflection.

Learning objectives

  • Explain headings and landmarks and connect it to the main decision in the lesson.
  • Use native control semantics to compare at least two possible actions.
  • Create visible evidence by applying informative versus decorative images.
  • Recognise the limits, risks or assumptions connected with purposeful alternative text.

Four working principles

headings and landmarks is one of the central decision points in Semantic Structure and Alternative Text. For “Semantic Structure and Alternative Text”, a usable design helps people perceive what is happening, understand what to do, operate the controls and recover when something goes wrong. For “Semantic Structure and Alternative Text”, applied to the worked situation, this principle helps the learner decide what to inspect, which evidence to record and where a boundary should be placed. It also prevents the topic from becoming a list of rules with no reason behind them. For “Semantic Structure and Alternative Text”, the learner should be able to explain the principle in their own words, identify it in a new example and show one piece of evidence that the principle was actually used. In the case used on this page—a diagram contains the lesson’s key process but its alt text says only “image”.—the principle changes the next action: instead of reacting immediately, the learner pauses, defines the relevant information and chooses a step that can be checked. A useful record includes the starting condition, the decision, the result and one limitation. That record becomes a learning artefact rather than a private impression.

The first useful lens is native control semantics . For “Semantic Structure and Alternative Text”, a usable design helps people perceive what is happening, understand what to do, operate the controls and recover when something goes wrong. For “Semantic Structure and Alternative Text”, applied to the worked situation, this principle helps the learner decide what to inspect, which evidence to record and where a boundary should be placed. It also prevents the topic from becoming a list of rules with no reason behind them. For “Semantic Structure and Alternative Text”, the learner should be able to explain the principle in their own words, identify it in a new example and show one piece of evidence that the principle was actually used. In the case used on this page—a diagram contains the lesson’s key process but its alt text says only “image”.—the principle changes the next action: instead of reacting immediately, the learner pauses, defines the relevant information and chooses a step that can be checked. A useful record includes the starting condition, the decision, the result and one limitation. That record becomes a learning artefact rather than a private impression.

In this lesson, informative versus decorative images turns a broad idea into something observable. For “Semantic Structure and Alternative Text”, a usable design helps people perceive what is happening, understand what to do, operate the controls and recover when something goes wrong. For “Semantic Structure and Alternative Text”, applied to the worked situation, this principle helps the learner decide what to inspect, which evidence to record and where a boundary should be placed. It also prevents the topic from becoming a list of rules with no reason behind them. For “Semantic Structure and Alternative Text”, the learner should be able to explain the principle in their own words, identify it in a new example and show one piece of evidence that the principle was actually used. In the case used on this page—a diagram contains the lesson’s key process but its alt text says only “image”.—the principle changes the next action: instead of reacting immediately, the learner pauses, defines the relevant information and chooses a step that can be checked. A useful record includes the starting condition, the decision, the result and one limitation. That record becomes a learning artefact rather than a private impression.

A reliable approach begins by making purposeful alternative text explicit. For “Semantic Structure and Alternative Text”, a usable design helps people perceive what is happening, understand what to do, operate the controls and recover when something goes wrong. For “Semantic Structure and Alternative Text”, applied to the worked situation, this principle helps the learner decide what to inspect, which evidence to record and where a boundary should be placed. It also prevents the topic from becoming a list of rules with no reason behind them. For “Semantic Structure and Alternative Text”, the learner should be able to explain the principle in their own words, identify it in a new example and show one piece of evidence that the principle was actually used. In the case used on this page—a diagram contains the lesson’s key process but its alt text says only “image”.—the principle changes the next action: instead of reacting immediately, the learner pauses, defines the relevant information and chooses a step that can be checked. A useful record includes the starting condition, the decision, the result and one limitation. That record becomes a learning artefact rather than a private impression.

Worked case

Situation: A diagram contains the lesson’s key process but its alt text says only “image”.

The weak response would be to choose the fastest or most familiar action without checking assumptions. For “Semantic Structure and Alternative Text”, the stronger response begins by writing one sentence that defines the problem, one sentence that states what evidence would change the decision and one sentence that names a safety or privacy boundary. The learner then applies headings and landmarks before using native control semantics. After the action, informative versus decorative images is used to create a record, while purposeful alternative text is used to review limitations.

A good case analysis does not pretend that every uncertainty disappears. It distinguishes a confirmed observation from an interpretation and a future question. For “Semantic Structure and Alternative Text”, that distinction is especially important for learners aged 10–15, because many digital, research and robotics situations look more certain on a screen than they really are.

A practical workflow

  1. Write the exact goal in one sentence and remove words such as “best” or “safe” unless they are defined.
  2. List what can be observed about headings and landmarks and what is still an assumption.
  3. Choose one comparison or check based on native control semantics.
  4. Perform the smallest safe action that produces evidence for informative versus decorative images.
  5. Review the result through purposeful alternative text and record at least one limitation.
  6. Explain the final decision to another learner without hiding the evidence trail.

Practice lab

Practical task: audit headings, controls and images, then write concise alternatives that preserve the learning purpose.

For Semantic Structure and Alternative Text, use a four-column page labelled starting condition, decision, evidence and next revision. The first column captures the situation before any change. The second states what you chose and why. The third contains an observable artefact rather than a claim such as “it worked”. The final column records what you would change if the same task were repeated.

Complete the activity once, then exchange the record with a classmate or trusted adult. For “Semantic Structure and Alternative Text”, ask them to identify which conclusion is strongly supported, which conclusion is only plausible and which detail is missing. Revise the record without adding private information or pretending that an untested step was completed.

Evidence and evaluation

Evidence and evaluation table
Evidence itemWhat it should showQuality question
DefinitionThe goal and the meaning of headings and landmarksCould another learner identify the same boundary?
ComparisonAt least two options considered through native control semanticsWere the options compared under fair conditions?
Test recordAn observable result connected with informative versus decorative imagesAre units, dates or conditions visible where relevant?
ReflectionA limitation or next step identified through purposeful alternative textDoes the reflection change a future action?

For “Semantic Structure and Alternative Text”, evidence should be sufficient for the learning purpose but should not expose passwords, personal messages, precise locations, private photographs or information about another person. When the topic involves measurements, keep raw values as well as the final chart or average. When it involves research, keep the source path as well as the conclusion.

Common mistakes

  • Using headings and landmarks as a label without showing how it changed the decision.
  • Choosing one example for native control semantics and treating it as a universal rule.
  • Recording only the final answer and losing the evidence created through informative versus decorative images.
  • Ignoring the limits or recovery steps connected with purposeful alternative text.

For “Semantic Structure and Alternative Text”, a useful correction is to return to the original goal, reduce the task and run one check that can disprove the current assumption.

Safety, privacy and limits

For “Semantic Structure and Alternative Text”, a usable design helps people perceive what is happening, understand what to do, operate the controls and recover when something goes wrong. For “Semantic Structure and Alternative Text”, use fictional or privacy-safe examples whenever real accounts, messages, images, locations or personal learning records could identify someone. Do not test security ideas on systems you do not own or have explicit permission to use. For “Semantic Structure and Alternative Text”, do not present a proposed project as Doruk’s completed personal work until real evidence and publication approval exist.

For mathematics and measurement tasks, use low-risk educational equipment and state units clearly. For research tasks, respect copyright and attribution. For “Semantic Structure and Alternative Text”, for study-system tasks, avoid turning a dashboard into surveillance: the purpose is reflection, not pressure or comparison with other children.

Lesson summary

Semantic Structure and Alternative Text can be summarised as a sequence: define the situation, apply headings and landmarks, compare through native control semantics, create evidence with informative versus decorative images, and review the result using purposeful alternative text. For “Semantic Structure and Alternative Text”, the sequence is more important than a memorised slogan because it can be used again in an unfamiliar case.

The final learning goal is independence with boundaries. For “Semantic Structure and Alternative Text”, a learner should know what can be checked alone, what requires permission or adult support, and what must remain private. The work is complete only when the reasoning and evidence are clear enough to revisit later.

Review questions

  1. What role does “headings and landmarks” play in Semantic Structure and Alternative Text?
  2. What role does “native control semantics” play in Semantic Structure and Alternative Text?
  3. What role does “informative versus decorative images” play in Semantic Structure and Alternative Text?
  4. What role does “purposeful alternative text” play in Semantic Structure and Alternative Text?
  5. In Semantic Structure and Alternative Text, why is an evidence trail stronger than a confident conclusion?
  6. In Semantic Structure and Alternative Text, what should happen when a result is uncertain?

Answers with explanations

  1. What role does “headings and landmarks” play in Semantic Structure and Alternative Text?

    In Semantic Structure and Alternative Text, “headings and landmarks” gives the learner a specific lens for deciding what to inspect, compare or record. In the worked case it should change an observable action, not remain a vocabulary label.

  2. What role does “native control semantics” play in Semantic Structure and Alternative Text?

    In Semantic Structure and Alternative Text, “native control semantics” gives the learner a specific lens for deciding what to inspect, compare or record. In the worked case it should change an observable action, not remain a vocabulary label.

  3. What role does “informative versus decorative images” play in Semantic Structure and Alternative Text?

    In Semantic Structure and Alternative Text, “informative versus decorative images” gives the learner a specific lens for deciding what to inspect, compare or record. In the worked case it should change an observable action, not remain a vocabulary label.

  4. What role does “purposeful alternative text” play in Semantic Structure and Alternative Text?

    In Semantic Structure and Alternative Text, “purposeful alternative text” gives the learner a specific lens for deciding what to inspect, compare or record. In the worked case it should change an observable action, not remain a vocabulary label.

  5. In Semantic Structure and Alternative Text, why is an evidence trail stronger than a confident conclusion?

    For “Semantic Structure and Alternative Text”, because another person can inspect the observations, conditions and reasoning, identify a limitation and repeat or improve the work.

  6. In Semantic Structure and Alternative Text, what should happen when a result is uncertain?

    For “Semantic Structure and Alternative Text”, the uncertainty should be labelled, the missing evidence should be named and the next safe check should be planned instead of presenting the result as proven.

Sources and verification note

The official or primary references listed below provide the technical and educational foundation for “Semantic Structure and Alternative Text”. These links support the concepts; they do not prove that a proposed project has been physically completed. Dates, software behaviour and policy details should be rechecked before future publication updates.

  • W3C WAI — Images Tutorial
  • W3C WAI — Alt Decision Tree
  • W3C WAI — Accessibility Principles

Next step

For “Semantic Structure and Alternative Text”, return to the module page, complete the evidence artefact for this lesson and continue to the next item in sequence. For “Semantic Structure and Alternative Text”, a project should be presented as completed personal work only after real testing evidence and publication approval exist.

QUESTION POOL

Reinforce this lesson with 10 questions

This lesson has a pool of 24 questions. Each attempt selects 10 questions and reshuffles the choices; results remain only in this browser.