Set Up OpenRouter AI Markdown Editor Graph Builder MathPix Image Describer Ally Reporting Local Chat

MathJax Loaded: No

Set Up

Status Summary

OpenRouter Checking...
MathPix Checking...
Ally Checking...
Local AI Models Checking...

Quick Start Guide

This application provides six tools for accessible content creation. Most tools require an API credential to function. Expand a section below to configure your credentials.

OpenRouter AI: Send prompts to a wide range of AI models. Requires an OpenRouter API key.
Markdown Editor: Write and preview Markdown with support for charts, diagrams, and mathematics. No credentials needed.
Graph Builder: Create accessible charts and graphs with data tables and alt text. No credentials needed.
MathPix: Convert images of handwritten or printed mathematics into LaTeX. Requires a MathPix App ID and App Key.
Image Describer: Generate detailed alt text for images using AI. Requires an OpenRouter API key, or download a local model below.
Ally Reporting: Query the Blackboard Ally API for course accessibility reports. Requires an Ally API token and Client ID.

API Credentials

OpenRouter Not configured

OpenRouter API Key

Your API key is stored locally in your browser and is never sent to any server other than OpenRouter.

MathPix Not configured

App ID

App Key

Your MathPix credentials are stored locally in your browser. Get your App ID and Key from the MathPix dashboard (opens in new tab).

Ally Not configured

Region

Select the region that matches your Ally instance. EU is the default for most institutions.

Client ID

API Token

Your Ally credentials are stored locally in your browser. Find your Client ID and token in the Ally Institutional Report.

Remember credentials in this browser

When unchecked, all Ally credentials will be removed from your browser storage.

To test your Ally connection, use the Test Connection button in the Ally Reporting tool.

Local AI Models

Download and manage AI models that run locally in your browser. These models work without an API key after initial download.

Description Generation

Generate image descriptions locally — no API key or internet connection required after initial download.

Choose which local model to use for generation in the Image Describer tool. Download models here, then select your preferred model when generating descriptions.

FastVLM 0.5B Local description generation (no API key needed)

~350 MB

Checking…

Qwen3.5-0.8B Structured local descriptions

~1,000 MB

Checking…

LFM2-VL 450M Compact local descriptions (no API key needed)

~349 MB

Checking…

Analysis Pipeline

CLIP ViT-B/32 Zero-shot image classification

~151 MB

Checking…

Florence-2 Captioning, object detection, OCR

~200 MB

Checking…

Depth Anything V2 Monocular depth estimation

~50 MB

Checking…

Florence-2 enhancement (AI caption and supplementary OCR) is available when using the Image Describer tool with an uploaded image.

Text Generation

Local text models for chat and AI tasks — no API key or internet connection required after initial download.

LFM2 350M Fastest model — works on all hardware including integrated GPUs

~284 MB

Checking…

Details & benchmarks

Strengths
Limitations
Best for

Hardware	Speed	Context safe	Rating

LFM2.5 1.2B Instruct Recommended for discrete GPUs — instruct-tuned, 128K context

~836 MB

Checking…

Details & benchmarks

Strengths
Limitations
Best for

Hardware	Speed	Context safe	Rating

Phi 3.5 Mini Highest quality ONNX model — requires 8 GB+ discrete GPU

~2,300 MB

Checking…

Details & benchmarks

Strengths
Limitations
Best for

Hardware	Speed	Context safe	Rating

Llama 3.2 1B Best balance of speed and quality via WebLLM — works on all GPUs

~879 MB

Checking…

Details & benchmarks

Strengths
Limitations
Best for

Hardware	Speed	Context safe	Rating

Qwen 2.5 1.5B WebLLM mid-tier — better quality than 1B, works on all GPUs

~1,500 MB

Checking…

Details & benchmarks

Strengths
Limitations
Best for

Hardware	Speed	Context safe	Rating

Llama 3.2 3B Highest quality with full context — works on 4 GB+ GPUs

~1,724 MB

Checking…

Details & benchmarks

Strengths
Limitations
Best for

Hardware	Speed	Context safe	Rating

Text-to-Speech

Supertonic TTS Natural-sounding speech — read alt text aloud with near-human quality

~263 MB

Checking…

Voice Settings

Voice type

Browser voice (instant, no download) Natural voice (requires download)

Voice

Speed: 1.0×

Announce structure (headings, lists, tables)

When enabled, Read Aloud announces structural cues such as "Heading level 2" and "Bulleted list with 3 items" to help you understand the layout of the content.

GPU Memory

No models loaded in GPU memory

Storage & Cache

Storage: checking…

Checking cache…

Loaded (in memory) Cached (on disk) Not downloaded Downloading…

OpenRouter Testing

Select an AI Model:

Select a model to view detailed information about its capabilities, pricing, and features.

Advanced Model Filters Showing all models

Loading models...

Enter your prompt:

Choose file or drag here Images & PDFs supported

Supported: Images (JPG, PNG, WebP) up to 20MB, PDFs up to 512MB

Response Streaming Options

No Streaming Wait for complete response before displaying formatted content Standard Streaming Show response as plain text while generating, format when complete

System Instructions

Provide context and instructions for how the AI should behave.

Response Creativity (Temperature) Current: 0.8

Focused (0.0) Balanced (1.0) Creative (2.0)

Controls response creativity. Lower values give focused, consistent responses. Higher values increase variety and creativity.

Response Diversity (Top P) Current: 1.0

Focused (0.1) Balanced (0.5) Varied (1.0)

Adjusts how varied the model's word choices can be.

Maximum Response Length Current: 1024 tokens

/ 4096 available

Short Medium Long

Controls maximum length of AI responses. Longer responses cost more tokens.

Response Variety (Repetition Control) Current: Balanced (0.0, 0.0)

Word Variety

More Similar Balanced More Varied

Word variety: 0.0

Phrase Variety

More Similar Balanced More Varied

Phrase variety: 0.0

Controls how varied the AI's word and phrase choices will be. Higher values create more diverse language, while lower values allow more repetition. Values below 0 encourage repetition, which can be useful for maintaining consistency.

Status

Updates

00:00.000 Ready

Results

OpenRouter API Configuration

Manage all API credentials in Set Up

Developer Information

API Credits Remaining:

...

Last Transaction Cost:

...

Provider Information:

...

Request Timing:

...

Finish Reason:

...

Prompt Tokens:

...

Completion Tokens:

...

Token Efficiency:

...

Model Changes:

None

Request:

...

Response:

...

Dependency Analysis

Markdown converter

Instructions

Keyboard Shortcuts

Ctrl + Enter - Render markdown
Esc - Clear editor
? - Show/hide shortcuts

These controls only work while the textbox is active.

Creating charts

Chart.js is supported.


                ```chart
                {
                  "type": "line",
                  "data": {
                    "labels": ["January", "February", "March", "April", "May", "June", "July"],
                    "datasets": [{
                      "label": "Monthly Sales",
                      "data": [65, 59, 80, 81, 56, 55, 40],
                      "fill": false,
                      "tension": 0.1
                    }]
                  }
                }
                ```

Custom Chart Descriptions

You can provide your own custom descriptions for charts by adding a `descriptions` object within your chart configuration:


"descriptions": {
    "short": "Your concise chart description here.",
    "detailed": "Your detailed HTML description here. You can use paragraphs, lists, and other HTML elements."
  }

Creating charts

Chart.js is supported.


                ```chart
                {
                  "type": "line",
                  "data": {
                    "labels": ["January", "February", "March", "April", "May", "June", "July"],
                    "datasets": [{
                      "label": "Monthly Sales",
                      "data": [65, 59, 80, 81, 56, 55, 40],
                      "fill": false,
                      "tension": 0.1
                    }]
                  }
                }
                ```

Creating diagrams

Mermaid is supported.


                ```mermaid
                graph TB
                    A[Start] --> B{Is it raining?}
                    B -->|Yes| C[Take umbrella]
                    B -->|No| D[Take sunglasses]
                    C --> E[Go out]
                    D --> E
                    E --> F[Return home]
                ```

Enter Markdown text. LaTeX math, charts and mermaid supported:

Load an example:
Examples demonstrate various markdown features including tables, charts, and diagrams.

HTML Output:

Graph Builder

Step 1 of 4: Add your data
2 Choose Chart Step 2 of 4: Choose your chart type
3 Configure Step 3 of 4: Configure your chart
4 Complete Step 4 of 4: Your chart is complete

Step 1: Add Your Data

How would you like to add your data?

Enter your data row by row

Paste your CSV data

Paste CSV data here:

Paste data with headers in the first row. Use commas to separate values.

Example:

Category,Value
Mathematics,85
English,72
Science,91

Upload a CSV file

📁 Select a CSV file

Select a CSV file from your computer or drag and drop one into the box above. Maximum file size: 1MB.

Step 2: Choose Chart Type

Step 3: Configure Your Chart

Live Preview

Chart Settings

Chart Title:

X-Axis Label:

Y-Axis Label:

Show Legend

Show Grid Lines

✓ Your Chart is Ready!

Your accessible chart has been created with all the features you need.

MathPix Mathematics OCR

Upload File Draw Mathematics Camera Capture Convert MMD Resume Session

MathPix Server:: European Union
Use content for training:: No

Upload Mathematics

Drop file here, or select to browse.
Supports: Images (JPEG, PNG, WebP), Documents (PDF, DOCX, PPTX)

Quick tip: You can paste images directly from your clipboard (Ctrl+V or Cmd+V)

Draw your mathematical expression using your mouse or touch input. The system will recognise handwritten mathematics.

Alternative: Drawing is only supported using stylus / mouse / touchpad / touch or other pointing devices. For other modes of input, please use the Upload mode to process images instead.

Camera inactive

Position mathematics clearly in view. Captured photos will be processed using the same options as uploaded files.

Verify Your Upload

Filename:
Pages detected:
File size:

Processing Options Include equation numbering

Adds equation tags like \tag{1.2} to numbered equations

Maths delimiter format LaTeX format Markdown format

Include page headers and numbers

Keeps page numbers, headers, and footers from source images

Ready to process

Original Mathematics

Approximate Processed Output

Human-readable

Confidence:

Developer Information

Transaction Summary

Endpoint:: Not yet processed
Operation Type:: Not yet processed
Request Timing:: Not yet processed
Confidence:: Not yet processed
Content Type:: Not yet processed

Request Data

No request data available yet

Response Data

No response data available yet

API Metadata

Request ID:: Not yet processed
Processing Model:: Not yet processed
API Version:: v3
Image Dimensions:: Not yet processed
Auto-Rotation:: Not yet processed
Confidence Rate:: Not yet processed

API Configuration

Manage all API credentials in Set Up

MathPix Server Location

United States US East 1 (N. Virginia)

Full feature support. Best for users in Americas. Data processed in US.

European Union EU Central 1 (Frankfurt)

GDPR Compliant. Best for EU/UK users. Note: Some features limited (e.g., LaTeX PDF rendering)

Asia Pacific SE Asia (Singapore)

Best for users in Asia Pacific region. Data processed in Singapore.

Image Describer

Generate accessible alt text descriptions for images using AI.

Ally Accessibility Reporting

Select Report Type

Module Report Accessibility Statement Preview Report Builder

API Status:

Not configured

Module Report

Generate a detailed accessibility report for a single module. Search for and select a module to view comprehensive accessibility metrics, content inventory, and issue breakdown.

Find a Module

Select a module above to enable this button

Build Query

Report Type

Overall Scores Module accessibility scores and file type counts

Issues Breakdown Accessibility issues by category and severity

Find a Module

Quick Filters

Term

Department

Active modules only

Advanced Filters

Sort & Pagination

Sort by

Order

Results limit

Developer Information

Transaction Summary

Endpoint:: —
Region:: —
Request Timing:: —
Records Returned:: —
API Status:: —

Request Data

No request data available

Response Data

No response data available

API Configuration & Settings

Server Region

Select the region where your Ally instance is hosted.

Client ID

API Token

Obtain from: Institutional Report → Export → Connect external tool

Remember credentials in this browser

Manage all API credentials in Set Up

Local Chat

Chat with a local AI model running entirely in your browser. No data leaves your device.

Model Not loaded

Model information

System prompt

Preset

Parameters

Temperature 0.7 Balanced creativity and consistency

Max tokens 1024 Moderate length responses

Voice Settings