[EXW Demo — Coach Alan] Why External Edge Simulators? (Bypassing Canvas HTML Sanitizers)

Built to WCAG 2.2 AA (9:1 Contrast Override) • ADA Title II • Section 508
(Diseñado bajo estándares WCAG 2.2 AA para la Comunidad de AWC)

WPE Department Faculty & Administrator Demo Artifact (Curriculum-as-Code): This item is maintained by Coach Alan Pruitt for internal faculty and Canvas Administrator demonstrations only (non-student-facing). Please do not edit or overwrite in Canvas — this page is version-controlled and automatically synchronized via scripts/populate_sandbox_22429.py.

Why External Edge Simulators? (Bypassing Canvas HTML Sanitizers) / ¿Por Qué Simuladores Externos en el Borde?

In Plain English: Reading Navigation Guide

Before you read the details below, here is the short version: An Edge Simulator is an interactive clinical calculator hosted outside Canvas that embeds safely inside a course page. Canvas strips interactive code for security, so our tools run on exwtoolkit.com and appear inside an iframe window. This gives students hands-on clinical lab practice at zero textbook cost on any phone or laptop.

En Palabras Sencillas (Norteño Context)

Es como conectar un escáner automotriz directo a la troca en vez de adivinar qué le falla al motor a puro oído. Si los términos técnicos se ponen pesados, concéntrate primero en cómo el simulador externo evita que Canvas borre los botones interactivos y permite copiar tu recibo clínico sin costo.

Welcome to the EXW Department Virtual Lab Sandbox. This environment demonstrates how to bypass common Canvas Learning Management System (LMS) limitations without licensing expensive vendor courseware or compromising student accessibility.


The Canvas Sanitizer Challenge / El Reto del Filtro de Seguridad de Canvas

When faculty attempt to build interactive tools directly in the Canvas Rich Content Editor (RCE), the built-in sanitizer immediately strips:

  • JavaScript: <script> tags and inline Document Object Model (DOM) event listeners (e.g., oninput, onclick).
  • Dynamic Forms: Interactive calculations, variable states, and sliders.
  • Dynamic Cascading Style Sheets (CSS): Advanced layout controls and visual interactive feedback loops.

The Edge Sandbox Architecture / La Arquitectura de Simuladores OER

Instead of battling Canvas's sanitizer, we decouple the simulation runtime from LMS delivery using an Open Educational Resource (OER) Edge Sandbox Model:

  1. Edge Host (exwtoolkit.comLinks to an external site. / GitHub Pages): Pure client-side HTML5/CSS/JS micro-tools running directly in the student's browser with zero logins, zero cost, and no data tracking.
  2. Sanitizer-Safe Embed (<iframe>): Clean, standard, responsive containers embedded into Canvas assignment or discussion pages.
  3. Active Verification Clipboard Export: Students test physiological parameters using the Clinical Framing Protocol (Pattern / Rule / Solve — Patrón / Regla / Solución), clear compliance checks, and click Export Verification Audit to paste their evidence receipt directly into the Canvas submission box.

HSI Bilingual Architecture Showcase: Bilingual Edge Runtime & 1-Click Copy ArchitectureSoporte Bilingüe AWC (EN / ES Norteño): Ejecución Bilingüe y Recibo Clínico de 1 Clic

English Clinical & Pedagogical Frame

Every EXW edge simulator includes an instant EN/ES language toggle and accepts student submissions in either English or Spanish. Our automated grading pipeline detects the submission language and responds in kind.

Marco Clínico y Pedagógico en Español (HSI — Yuma / Valle Imperial)

Cada simulador del departamento incluye un botón de cambio inmediato entre inglés y español norteño. Los estudiantes pueden exportar su recibo clínico y redactar su defensa en cualquiera de los dos idiomas sin perder rigor técnico.

Bilingual Clinical Terminology & Screen Reader Mapping (Bilingual Edge Runtime & 1-Click Copy Architecture / Ejecución Bilingüe y Recibo Clínico de 1 Clic)
English Term (lang="en")Término en Español (lang="es")Aplicación Clínica en Yuma / Valle Imperial
Clinical Framing Protocol (Pattern / Rule / Solve)Protocolo de Marco Clínico (Patrón / Regla / Solución)Estructura clínica obligatoria para diagnosticar el caso, citar la regla federal y prescribir la solución.
Active Verification Audit BlockBloque de Auditoría de Verificación ActivaRecibo clínico exportado con 1 clic desde el simulador hacia el editor de Canvas.
Zero-Textbook-Cost ($0 ZTC)Costo Cero de Libros de Texto ($0 ZTC)Acceso gratuito sin códigos de pago ni barreras comerciales para estudiantes de AWC.

Open Educational Resource (OER) Standard:

Zero paywalls, zero vendor licensing fees, and fully compliant with Section 508 and Web Content Accessibility Guidelines (WCAG) 2.2 Level AA accessibility standards (enforcing our 9:1 Double-Contrast Guard).