Instructional Strategies
Visual Aids in the Classroom: Design, Access, and Review Checklist
Decision first: Add a visual only when it helps students notice a relationship, sequence, structure, location, comparison, or procedure required by the learning goal. Decorative images can consume attention without adding information. Every instructional visual needs an accessible route to the same meaning.
Resource type: Design guide and review checklist
Preparation time: 15–20 minutes to review one slide, diagram, or handout
Best for: Teachers choosing or revising visual materials
Important limit: A visual does not guarantee understanding. Check what students actually infer and follow required accessibility or individualized supports.
Choose the visual from the learning goal
On a small screen, scroll this table horizontally to see all columns.
| Learning goal | Useful visual form | What students must do with it |
|---|---|---|
| Compare quantities or change over time | Table, number line, bar chart, or line graph | Name the variables, compare values, and justify the pattern with data |
| Understand a sequence or process | Numbered flow diagram, timeline, or worked steps | Explain what changes at each step and why the order matters |
| See part-whole or spatial relationships | Labeled model, map, cross-section, array, or area diagram | Connect each element to the concept and identify what the model leaves out |
| Distinguish categories or structures | Comparison matrix, tree, annotated example, or concept map | Use the criteria to classify a new case rather than memorize the picture |
| Perform a procedure | Worked example with one decision per step | Explain the reason for each step, then complete a faded example |
If the objective can be met more clearly with a physical demonstration, concise text, discussion, audio, tactile material, or real object, use that method instead. “Add an image” is not an instructional goal.
Instructional versus decorative visuals
An instructional visual carries information a student needs: a relationship in a graph, a location on a map, a labeled structure, or a decision in a worked example. A decorative visual establishes mood or fills space but is not needed to answer the learning question.
Decorative material should not compete with the target. On the web, a purely decorative image normally receives empty alternative text so assistive technology can skip it. An instructional image needs a text alternative that serves the same purpose; a long or complex diagram may need a concise alt description plus a nearby table, explanation, or data source. The W3C image accessibility tutorial explains alternatives by image purpose.
Reduce redundancy and cognitive load
More representations are not always better. A narrated diagram may clarify a process, while a paragraph read aloud verbatim beside the same paragraph can force students to split attention between identical streams. Cognitive theory of multimedia learning suggests selecting relevant material, organizing it, and connecting it with prior knowledge rather than adding detail for its own sake.
- Remove clip art, backgrounds, animations, and labels that do not support the task.
- Place a label next to the feature it names.
- Reveal a complex process in purposeful steps, but keep earlier steps available when students need to compare.
- Use consistent symbols, scale, orientation, and color meaning.
- Keep key text in readable HTML or document text rather than embedding all words inside an image.
- Do not use color alone to communicate status, category, or correct/incorrect.
- Give students time to inspect the visual before asking them to listen and write simultaneously.
Plan the accessible equivalent
On a small screen, scroll this table horizontally to see all columns.
| Visual | Access check |
|---|---|
| Chart or graph | Provide the title, variables, units, relevant values or a data table, and the relationship students must interpret. |
| Map | State the geographic claim in text, explain legend and scale, avoid color-only categories, and provide tactile or verbal orientation when required. |
| Diagram | Give a logical reading order, label parts in text, describe relationships, and identify simplifications or missing scale. |
| Video or animation | Provide accurate captions, transcript or description as needed, keyboard-operable controls, and enough time to process the event. |
| Slide deck | Use headings, readable contrast and size, meaningful link text, logical order, and accessible source files rather than image-only slides. |
| Worked example | Present each symbol and decision in a readable sequence and provide the same content in a format compatible with the student’s tools. |
Accessibility is not achieved by writing “diagram of the concept.” The alternative must communicate the information the activity asks students to use. Consult the student’s plan, accessibility staff, or support team when a specific format or tool is required.
Worked example 1: A fraction comparison
Weak version
A slide shows colorful pizza photographs next to the statement “3/4 is greater than 2/3.” The pizzas are different sizes, slices are not equal, the text is repeated by the teacher, and students are asked whether the image “makes sense.”
Revised version
Use two equal-length number lines from 0 to 1. Partition one into fourths and the other into thirds. Mark 3/4 and 2/3 with both symbols and accessible line patterns. Add the prompt: “Which point is farther from zero, and how can you justify the comparison without relying on the drawing alone?”
Teacher check: The visual supports magnitude, not pizza recognition. Equal scales are explicit. A text version states the partition and point locations. Students must connect the model to a numerical justification such as common denominators or distance from 1.
Worked example 2: Water changing state
Weak version
An animated slide shows ice, water, and steam with arrows in several colors, floating molecules, music, and six vocabulary definitions. Arrows move continuously, but energy transfer is not identified.
Revised version
Show one static particle model for solid, liquid, and gas using the same number of particles. Add two labeled arrows at a time: “energy added” and “energy removed.” Place melting, freezing, evaporation, and condensation next to the correct arrow. Below the model, provide a small table describing particle arrangement and motion; state that the diagram is not to scale and does not show actual particle color.
Teacher check: Ask students to predict which arrow applies in a new example and explain what the model represents and what it cannot represent. The visual becomes evidence for reasoning rather than a background illustration.
Worked example 3: Source comparison in history
Weak version
A portrait of each author appears beside a long quotation in small text. The layout suggests the portraits are the main evidence and offers no support for comparing the claims.
Revised version
Use an accessible comparison table with source, date, audience, claim, evidence, and limitation. Keep each excerpt in selectable text and link to the complete source. A small portrait may remain decorative with empty alt text. Students highlight a corroboration and a conflict, then explain whether audience helps account for the difference.
Quick visual-material review
- Goal: Write the exact relationship, sequence, structure, or decision the visual supports.
- Necessity: Remove anything that does not help students use that information.
- Accuracy: Check labels, scale, units, source, date, proportions, and simplifications.
- Reading path: Confirm the eye and assistive technology encounter information in a logical order.
- Color and contrast: Test contrast and duplicate color meaning with labels, shapes, or patterns.
- Text alternative: Provide the equivalent information and purpose, not only the object name.
- Demand: Avoid requiring students to watch, listen, copy, and answer at the same moment.
- Student action: Add a question that requires interpretation, comparison, explanation, or transfer.
- Access plan: Check individualized supports and test the actual file, platform, print, and projection conditions.
- Evidence: Collect one response that reveals whether students interpreted the visual as intended.
Common mistakes
- Choosing a photograph because it looks engaging even though the objective needs a diagram or data display.
- Assuming an image automatically makes content simpler.
- Replacing precise explanation with icons students have not learned.
- Using decorative animation to sustain attention while obscuring the relevant feature.
- Writing every spoken word on the slide and reading it aloud.
- Calling a visual accessible because it has any alt text.
- Using a generated diagram without checking labels, spatial relationships, attribution, and invented details.
Sources and scope
- CAST Universal Design for Learning Guidelines.
- W3C Web Accessibility Initiative, Images Tutorial.
- University of Michigan Center for Research on Learning and Teaching, Using Visual Aids.
- Richard E. Mayer, Multimedia Learning.
These design principles guide material review; they do not establish that a particular visual improves learning for every student or objective. Check student work and adjust the representation.