The Six-Phase Workflow for Inclusive Math Design
The authors propose a systematic, six-phase framework designed to integrate generative AI into the development of interactive mathematics visualizations. This approach addresses the common friction points in creating accessible educational content by leveraging AI at every stage of the lifecycle:
- Conceptualization and Pedagogical Mapping: Using LLMs to align mathematical learning objectives with specific visualization types, ensuring the tool serves a clear educational purpose rather than acting as a decorative element.
- Iterative Prototyping: Employing generative models to draft initial code structures (e.g., D3.js or React-based components) that represent mathematical functions or geometric transformations.
- Accessibility Integration: Utilizing AI to generate ARIA labels, keyboard navigation logic, and screen-reader-compatible descriptions for non-visual learners, ensuring that interactivity does not become a barrier.
- Refinement and Debugging: Using AI agents to stress-test the visualization code, identifying edge cases in mathematical inputs that might break the UI or lead to incorrect visual representations.
- User Feedback Synthesis: Feeding qualitative feedback from undergraduate students back into the AI to iterate on UI/UX improvements, specifically focusing on cognitive load reduction.
- Final Validation and Documentation: Generating technical documentation and accessibility compliance reports to ensure the tool meets institutional standards for undergraduate mathematics curricula.
Bridging the Accessibility Gap
The core argument is that generative AI acts as a force multiplier for educators who lack specialized frontend engineering skills. By automating the boilerplate code for interactivity and accessibility, the workflow allows instructors to focus on the pedagogical accuracy of the math. The authors emphasize that accessibility is not an afterthought but a foundational requirement, achieved here by using AI to generate descriptive text and alternative interaction patterns that mirror the visual experience for students with visual impairments. This framework provides a repeatable, scalable path for building tools that make abstract undergraduate mathematics more tangible and inclusive.