Skip to content

Ability-Inclusive Classroom Infographic

Run the Ability-Inclusive Classroom Infographic MicroSim Fullscreen

You can embed this MicroSim in your own course website with this iframe:

<iframe src="./main.html" width="100%" height="492px" scrolling="no"></iframe>

About this MicroSim

Ability-Inclusive Classroom Infographic is an interactive MicroSim for this health-education textbook.

Students explain how everyday classroom tools and adjustments support classmates with different abilities, recognizing that these tools are ordinary, not special treatment.

Use the controls in the panel below the drawing to interact with the model, then talk through what changed and why. The MicroSim is width-responsive and can be embedded in any course page with the iframe shown above.

Bloom's Taxonomy level: Understand (L2) — explain, exemplify, classify

Lesson Plan

Audience

This MicroSim is designed for Grade 5. For the K-3 bands the teacher typically drives the activity on a shared screen; older students can explore the MicroSim independently.

Learning Objective

Students explain how everyday classroom tools and adjustments support classmates with different abilities, recognizing that these tools are ordinary, not special treatment.

This activity targets Bloom's Understand (L2) (explain, exemplify, classify).

Suggested Use (about 10 minutes)

  1. Warm up (2 min). Ask students what they already know about the topic and let one volunteer describe what they see on the screen.
  2. Model it (3 min). Demonstrate the interaction once, thinking aloud so students hear the reasoning behind each choice.
  3. Guided practice (3 min). Invite students to try the interaction and to predict what will happen before they act.
  4. Discuss (2 min). Ask why the result came out the way it did, connecting the on-screen result back to the learning objective above.

Check for Understanding

Have each student (or pair) explain their result in one sentence, using the vocabulary from this chapter. Look for reasoning that matches the Understand-level objective rather than a lucky guess.

Specification

The full specification below was extracted from Chapter 4: Equity, Belonging, And Bystander Action.

Type: infographic
**sim-id:** ability-inclusive-classroom-infographic<br/>
**Library:** p5.js<br/>
**Status:** Specified

Bloom Taxonomy: Understand (L2)
Bloom Taxonomy Verb: explain, exemplify, classify

Learning objective: Students explain how everyday classroom tools and adjustments support classmates with different abilities, recognizing that these tools are ordinary, not special treatment.

Canvas layout:
- Full width (650px): Illustrated classroom scene with 6 clickable hotspots
- Bottom strip (100px): Infobox that displays details for the selected hotspot

Visual elements:
- A friendly, flat-style illustrated classroom with six labeled hotspots: wheelchair ramp/accessible desk, noise-canceling headphones on a hook, a communication device on a desk, large-print worksheet, a quiet corner with a beanbag chair, and a visual daily schedule chart
- Each hotspot glows softly when hovered to indicate it is clickable

Interactive controls:
- Click any of the 6 hotspots to open an infobox describing what the tool is, who might use it, and why it helps
- Button: "Show All Labels" — reveals text labels on every hotspot at once for review
- Button: "Reset"

Default parameters:
- No hotspot selected on load; "Show All Labels" off

Behavior:
- Clicking the wheelchair ramp/accessible desk hotspot explains it removes a physical barrier so a classmate using mobility equipment can reach their desk and the front of the room
- Clicking the noise-canceling headphones hotspot explains they help a classmate whose brain processes sound differently avoid becoming overwhelmed
- Clicking the communication device hotspot explains it lets a classmate who doesn't use spoken words fully participate in class discussion
- Clicking the large-print worksheet hotspot explains it supports a classmate with low vision or certain learning differences
- Clicking the quiet corner hotspot explains it gives any student, especially a neurodivergent student, a calm space to regroup
- Clicking the visual schedule hotspot explains it helps students who benefit from seeing, not just hearing, what happens next

Instructional Rationale: This is an Understand-level objective, so the pattern uses click-to-reveal infoboxes with concrete, real information at each hotspot rather than animation, letting students build accurate mental models of why each tool matters.

Implementation notes: Use p5.js with an array of hotspot objects (x, y, radius, label, description); render infobox text in the bottom strip on click; use warm, neutral colors and avoid exaggerated or stereotyped character depictions.

References