BrainyBeeBrainyBee
ExploreBlogStart Studying
HomeDeveloping AI Apps and Agents on Azure (AI-103)Configure generation of alt-text and extended image descriptions aligned to accessibility guidelines
Lesson2,759 words

Configure generation of alt-text and extended image descriptions aligned to accessibility guidelines

AI-103 › Unit 3: Implement computer vision solutions › Design and implement multimodal understanding workflows › Configure generation of alt-text and extended image descriptions aligned to accessibility guidelines

Configure generation of alt-text and extended image descriptions aligned to accessibility guidelines

Alt text is not a short caption. It is a functional substitute for an image — what a person would need in order to get the same information from the page without seeing it — and that changes what belongs in it. Configuring generation for accessibility means encoding those conventions into the field schema, and knowing which images should have no alt text at all.

Why This Matters

Purpose decides content. The same photograph needs different alt text on a news article, a product page, and a link. What the image is for determines what the text must convey.

Decorative images take empty alt text. A purely decorative image should carry alt="" so assistive technology skips it. Describing it is a failure, not a courtesy.

Two lengths serve two roles. Short alt text substitutes; an extended description covers complex images — charts, diagrams, maps — where a sentence cannot carry the content.

The three-way split

Decorative → empty alt (alt=""). Informative → concise alt text conveying the information the image carries. Complex (chart, diagram, schematic) → short alt text plus an extended description. A pipeline that generates a description for every image gets the first case wrong every time.

Prerequisites

  • The analyzer and fieldSchema model, and the generate and classify methods.
  • That extract is documents only.
  • Confidence scores and grounding.
  • The caption-design objective — field descriptions as specifications.

Learning Objectives

By the end of this lesson you will be able to:

  1. Distinguish decorative, informative, and complex images and treat each correctly.
  2. Write alt text that conveys function, not appearance.
  3. Configure a schema producing alt text and extended descriptions.
  4. Handle images that are primarily text.
  5. Place human review where accessibility requires it.

Building Blocks

The image roles.

RoleTreatment
DecorativeEmpty alt — assistive technology skips it
InformativeConcise alt text carrying the information conveyed
Functional (a link or control)Alt text describing the action, not the picture
ComplexShort alt text plus a longer extended description
Text in an imageThe text itself is the alt text

Alt-text conventions.

  • Convey the information, not the appearance. What would a sighted reader take from it here?
  • Be concise. Assistive technology reads it inline; a paragraph is disruptive.
  • Do not begin with "image of" or "picture of". The technology already announces it as an image.
  • Do not repeat adjacent text. If the caption already says it, the alt text should not.
  • Avoid unverifiable inference — identity, emotion, intent — unless it is the point of the image.

Extended descriptions carry the content of complex visuals: the data, trend, and axes of a chart; the components and connections of a diagram.

Schema mechanics. Alt text and extended descriptions are generate fields — extract is documents only. Image role is a classify field with an enum. Every field carries a confidence score from 0 to 1.

The text-primary exception. "Image analyzers are not optimized for scenarios where analysis is based primarily on extracted text… consider using a document field extraction schema instead."

Alt text against caption against extended description

Attribute
Audience

People who cannot see the image

Everyone

People needing the full content

Length

Concise — read inline

Short

As long as the content requires

Content

The information the image carries

Context, credit, commentary

Data, structure, relationships

Duplication

Must not repeat the caption

May add what alt text omits

Expands, does not repeat

When absent

Empty for decorative images

Often absent

Only for complex images

Deep Dive

Function over appearance

The question that produces good alt text is not "what does this show?" but "what would a reader lose if the image were removed?"

A photograph of a technician on a safety page may exist to show correct protective equipment — so the alt text names the equipment, not the person's expression or the colour of the wall. The same photograph on an "about us" page may be purely atmospheric, in which case it is decorative and takes empty alt text.

That is why the same image needs different alt text in different places, and why a purely image-derived pipeline has a ceiling: the model sees the picture, not the page. Two mitigations follow.

Encode purpose in the schema. Add a classify field for the image's role, and generate alt text conditioned on that role rather than uniformly.

Supply page context where the pipeline allows it. Section heading, surrounding text, or a content-type tag lets generation respect the "do not repeat adjacent text" convention, which is otherwise impossible to satisfy — the model cannot avoid repeating text it never saw.

An accessibility-aligned generation pipeline

  1. 1

    Classify the role first

    A classify field with an enum: decorative, informative, functional, complex. Decorative means empty alt.

The three roles, and the one that surprises people

Decorative images carry no information — dividers, background textures, purely atmospheric photographs. The correct treatment is empty alt text, so a screen reader passes over them silently. This is the case a naive pipeline always gets wrong: instructed to describe every image, it produces "a blue gradient background", which a person navigating by audio must now listen to on every page. Describing a decorative image degrades accessibility.

Informative images carry content — a diagram of a process, a photograph showing a defect, a screenshot of an error. The alt text carries the same information as concisely as it can.

Functional images act — a magnifying-glass icon that runs a search, a logo linking home. The alt text names the action: "Search", "Home". Describing the picture ("magnifying glass") tells the listener nothing about what will happen.

Complex images exceed what a sentence can hold. A chart's alt text might identify it and state the headline finding, with an extended description giving the axes, series, and values. Attempting to compress a chart into one sentence loses the data; attempting to put the data in the alt text makes it unusable inline.

Text in images, and the accuracy problem

When an image is mostly text — a screenshot, a scanned notice, a poster — the text is the alt text. Paraphrasing it withholds information a sighted reader has.

Which raises accuracy. Alt text that misquotes a price, a date, or an error message is worse than absent, because it is confidently wrong to the one reader who cannot check it. And the platform's documented exception points the right way: image analyzers "are not optimized for scenarios where analysis is based primarily on extracted text… consider using a document field extraction schema instead", where the extract method is available and the service is built for exactly this.

The design rule: classify text-primary images and route them down a document path, rather than generating a description of them.

Generated alt text is a draft, not a deliverable

Accessibility is a human outcome, and a model cannot know an image's purpose on a page it never saw, cannot verify text it may have misread, and cannot judge what a decorative image contributes. Generation is a large productivity gain over writing thousands of alt texts by hand — but the pipeline should route low-confidence items to review, sample high-confidence ones, and treat compliance as something people sign off.

Writing the conventions into the schema

The conventions are only useful once they are in the field description, where they act as a specification.

A workable description for the alt-text field reads roughly: "A substitute for this image for a reader who cannot see it. Convey the information the image carries in this context. One sentence, under 125 characters where possible. Do not begin with 'image of' or 'picture of'. Do not describe purely visual style. Do not infer identity, emotion, or intent. If the image contains text that carries the meaning, reproduce that text. If the image is decorative, return an empty string."

Every clause maps to a convention, and the final clause matters most: it makes empty output a valid result, which is the "give the model an out" technique applied to accessibility. Without it, a model asked to describe a decorative image will describe it.

The extended-description field gets its own specification: "For charts, diagrams, and schematics only. State the type, what is being measured, the axes or components, and the main relationships or values. Do not repeat the alt text."

Worked Examples

Example 1 — every image described. An automated pass adds alt text to a site, and screen-reader users report noise: "a blue gradient background", "decorative swirl", between every section.

Decorative images must take empty alt text so assistive technology skips them. Add a classify field for image role with an enum, generate alt text only for informative, functional, and complex images, and make empty output explicitly valid in the alt-text field description.

Example 2 — an icon that runs a search. A magnifying-glass icon is a button; generation returns "a magnifying glass icon".

This is a functional image, so the alt text names the action — "Search". Describing the picture tells the listener what it looks like and nothing about what it does.

Example 3 — a chart on a financial page. A revenue chart gets one sentence: "a bar chart showing revenue".

That is informative that a chart exists and carries none of its content. Treat it as complex: short alt text identifying the chart and its headline finding, plus an extended description giving axes, series, period, and the values or trend. If the image is largely rendered text and figures, route it through a document field extraction schema, where extract is available.

Visual Explanations

Role decides treatment:

Loading Diagram...
Figure 1 — Mermaid diagram

Where the pipeline needs help:

Loading Diagram...
Figure 2 — Mermaid diagram

Common Mistakes

Describing decorative images. They take empty alt text.

Starting with "image of" or "picture of".

Describing a functional image instead of naming its action.

Compressing a chart into one sentence. Use an extended description.

Repeating the caption in the alt text.

Paraphrasing text that is the image's content.

Generating descriptions for text-primary images. Use a document schema.

Inferring identity, emotion, or intent from a photograph.

Shipping generated alt text without review. It is a draft.

Practice Exercises

  1. Name the image roles and the correct treatment of each.
  2. Why is describing a decorative image an accessibility failure?
  3. Distinguish alt text, caption, and extended description by audience and content.
  4. What should the alt text be for an icon that opens a menu?
  5. Why can an image-only pipeline not fully satisfy the conventions, and what mitigates it?
▶Answers
  1. Decorative → empty alt text so assistive technology skips it. Informative → concise alt text carrying the information. Functional → the action the control performs. Complex → short alt text plus an extended description. Text-primary → the text itself, ideally via a document field extraction schema.
  2. Because a screen-reader user must listen to content that carries no information — "a blue gradient background" between every section. Empty alt text is the correct, deliberate result; describing it adds noise and slows navigation.
  3. Alt text — for people who cannot see the image, carrying the information it conveys, concise and read inline. Caption — for everyone, adding context, credit, or commentary. Extended description — the full content of a complex visual: data, axes, components, relationships. Alt text must not repeat the caption.
  4. The action: "Open menu" or "Menu". Describing the glyph ("three horizontal lines") tells the listener what it looks like and nothing about what it does.
  5. Because the model sees the image, not the page — it cannot know the image's purpose in context, cannot avoid repeating adjacent text it never saw, and cannot verify text it may have misread. Mitigate by classifying the role, supplying page context where possible, routing text-primary images to a document schema, and routing low-confidence output to human review.

Summary & Concept Map

Alt text is a functional substitute, so the governing question is what a reader would lose without the image — not what the image shows. Classify the role first: decorative takes empty alt text, informative takes concise text carrying the information, functional names the action, complex takes short alt text plus an extended description, and text-primary images are best routed to a document field extraction schema where extract is available and accuracy is the service's strength. Encode the conventions in the field description — length, no "image of", no unverifiable inference, no repetition of adjacent text, and empty output as a valid result. Because the model sees the image and not the page, supply role and context where you can, route low-confidence items to review, and treat generated alt text as a draft that people sign off.

Loading Diagram...
Figure 3 — Mermaid diagram
Loading flashcards…

Sources and freshness

Written against current Microsoft Learn documentation for the AI-103 skills measured (16 April 2026), reviewed 2026-08-20. Microsoft Learn controls every changing product contract — availability, preview status, quotas, limits, regional support, naming, and retirement dates all move independently of this lesson. Where a scenario turns on a specific number or a GA/preview boundary, confirm it against the product's own page before relying on it.

All Developing AI Apps and Agents on Azure (AI-103) Study Resources

Related Notes

  • Choose an appropriate method for retrieval and indexing2,778 words
  • Quick Note — Choose an appropriate method for retrieval and indexing888 words
  • Choose an appropriate model for each task, including LLMs, small language models, multimodal models, and Foundry Tools3,097 words
  • Quick Note — Choose an appropriate model for each task, including LLMs, small language models, multimodal models, and Foundry Tools1,041 words
  • Choose appropriate memory, tool, and knowledge integration services for agent solutions2,815 words
  • Quick Note — Choose appropriate memory, tool, and knowledge integration services for agent solutions949 words
  • Choose the appropriate Foundry services for generative tasks, grounding, vector search, agent workflows, or multimodal processing2,733 words
  • Quick Note — Choose the appropriate Foundry services for generative tasks, grounding, vector search, agent workflows, or multimodal processing901 words
  • Apply responsible AI instrumentation, including evaluators, safety evaluations, and explanation tooling2,891 words
  • Configure safety filters, guardrails, risk detection, and content moderation2,795 words
  • Govern agent behavior with oversight modes, constraints, and tool-access controls2,863 words
  • Implement auditing through trace logging, provenance metadata, and approval workflows2,624 words

Ready to study Developing AI Apps and Agents on Azure (AI-103)?

Practice tests, flashcards, and all study notes — free, no sign-up.

Start Studying

Ready to study Developing AI Apps and Agents on Azure (AI-103)?

Practice tests, flashcards, and all study notes — free, no sign-up needed.

Start Studying — Free
Developing AI Apps and Agents on Azure (AI-103) ResourcesExplore All HivesBlogHome

© 2026 BrainyBee. Free AI-powered exam prep.

Loading Diagram...
Flowchart, top to bottom. Image connects to Classify the role. C connects to EMPTY alt text -<br/>assistive tech skips it (Decorative). C connects to Concise alt text:<br/>the information carried (Informative). C connects to Name the ACTION,<br/>not the picture (Functional). C connects to Short alt text<br/>+ EXTENDED description (Complex). C connects to The text IS the alt text -<br/>use a DOCUMENT schema (Text-primary).
Loading Diagram...
Flowchart, left to right. Model sees the IMAGE connects to Cannot know page purpose. Model sees the IMAGE] --> G1[Cannot know page purpose connects to Cannot avoid repeating<br/>text it never saw. Model sees the IMAGE] --> G1[Cannot know page purpose connects to Cannot verify misread text. G1 connects to Classify role; supply page context. G2 connects to FIX1. G3 connects to Document schema for text-primary. FIX1 connects to Human review on low confidence. FIX2 connects to HR.
Loading Diagram...
Flowchart, top to bottom. Alt text and descriptions connects to Classify the role. Alt text and descriptions] --> ROLE[Classify the role connects to Conventions. Alt text and descriptions] --> ROLE[Classify the role connects to Schema mechanics. Alt text and descriptions] --> ROLE[Classify the role connects to Human in the loop. ROLE connects to Decorative: EMPTY alt. ROLE connects to Informative: the information. ROLE connects to Functional: the ACTION. ROLE connects to Complex: alt + extended description. 11 more statements.

Accessibility descriptions — retrieval

Card 1 of 6

Front of flashcard 1 of 6

What alt text should a decorative image get?

medium

Empty alt text, so assistive technology skips it. Describing a decorative image is an accessibility failure — it forces a screen-reader user to listen to content carrying no information.

roles

Accessibility descriptions — retrieval

Card 1

Front

What alt text should a decorative image get?

Back

Empty alt text, so assistive technology skips it. Describing a decorative image is an accessibility failure — it forces a screen-reader user to listen to content carrying no information.

Card 2

Front

Alt text for a functional image

Back

Name the action, not the picture. A magnifying-glass button is "Search"; a hamburger icon is "Open menu". Describing the glyph tells the listener nothing about what will happen.

Card 3

Front

Alt text vs extended description

Back

Alt text is concise and read inline — the information the image carries. An extended description covers complex visuals (charts, diagrams, schematics): axes, series, components, relationships, values. Complex images get both.

Card 4

Front

Alt-text conventions

Back

Convey information, not appearance; be concise; never begin with "image of"; do not repeat adjacent text or the caption; avoid identity, emotion, or intent inference; and where the image is text, reproduce the text.

Card 5

Front

Why an image-only pipeline falls short

Back

The model sees the image, not the page — it cannot know the image's purpose in context, cannot avoid repeating adjacent text it never saw, and cannot verify text it may have misread. Mitigate with role classification, page context, and human review.

Card 6

Front

Making empty output valid

Back

The alt-text field description must state that a decorative image returns an empty string — "give the model an out" applied to accessibility. Without it, a model asked to describe every image will describe the decorative ones too.

Accessibility descriptions — retrieval

Card 1

Front

What alt text should a decorative image get?

Back

Empty alt text, so assistive technology skips it. Describing a decorative image is an accessibility failure — it forces a screen-reader user to listen to content carrying no information.

Card 2

Front

Alt text for a functional image

Back

Name the action, not the picture. A magnifying-glass button is "Search"; a hamburger icon is "Open menu". Describing the glyph tells the listener nothing about what will happen.

Card 3

Front

Alt text vs extended description

Back

Alt text is concise and read inline — the information the image carries. An extended description covers complex visuals (charts, diagrams, schematics): axes, series, components, relationships, values. Complex images get both.

Card 4

Front

Alt-text conventions

Back

Convey information, not appearance; be concise; never begin with "image of"; do not repeat adjacent text or the caption; avoid identity, emotion, or intent inference; and where the image is text, reproduce the text.

Card 5

Front

Why an image-only pipeline falls short

Back

The model sees the image, not the page — it cannot know the image's purpose in context, cannot avoid repeating adjacent text it never saw, and cannot verify text it may have misread. Mitigate with role classification, page context, and human review.

Card 6

Front

Making empty output valid

Back

The alt-text field description must state that a decorative image returns an empty string — "give the model an out" applied to accessibility. Without it, a model asked to describe every image will describe the decorative ones too.