Screen Reader Test Snippet - Online Check HTML ARIA Labels
Paste an HTML snippet and see how a screen reader might interpret it. Highlights missing alt texts and ARIA misuses. Educational.
UD5 Toolkit
Real-time visual note display & MIDI monitor
about:config β dom.webmidi.enabled.
about:config and set dom.webmidi.enabled to true. Safari on macOS and iOS does not support Web MIDI at this time. Always ensure you're on a secure connection (HTTPS) as the API is blocked on plain HTTP for security reasons.
f = 440 Γ 2(nβ69)/12, where n is the MIDI note number and A4 = 440 Hz (MIDI note 69) is the reference pitch. For example, MIDI note 60 (C4, middle C) yields 261.63 Hz. Each semitone step multiplies the frequency by the 12th root of 2 (β1.05946). The tool displays this frequency in real-time for every active note.
Paste an HTML snippet and see how a screen reader might interpret it. Highlights missing alt texts and ARIA misuses. Educational.
Enter a URL and see the full redirect chain with status codes and response times. Also validates against your chosen rule.
Paste a potential XSS vector and see if it executes in a sandboxed iframe. For security researchers and education.
Create CSS `easingβgradient()` functions for smooth, nonβlinear color transitions. Experimental and powerful. Copy the code.
Paste a JSON Web Token and decode its header and payload. Verify signature if you provide the secret. Fully local.
Browse Unicode by block: Latin, Cyrillic, CJK, Emoticons. See characters and copy with a click. Full reference.
Design borders with linear or conic gradients. Supports borderβimage and backgroundβclip methods. Copy optimized CSS.
Encode any text, including emojis and foreign scripts, into a Base64 string. Perfect for data URLs. Local.
Build an iframe with different sandbox flags and see live which features are blocked. For secure embedding.
Graph a cubicβbezier or steps easing function and see a bouncing ball animation using it. Copy the CSS timingβfunction.
Paste media queries and see a visual indicator of which rules apply at current viewport size.
Quickly test SQL JOIN syntax (INNER, LEFT, RIGHT, FULL) with a sample database schema. Check logic and see conceptual result set without a real DB. Local only.
Write notes that are encrypted in your browser before saving to localStorage. Only accessible with your passphrase.
Test regular expressions with Unicode property escapes like \p{Emoji}. See matches live. Modern regex power.
Enter a GraphQL endpoint, write a query, and see the response. Add headers and variables. Simple testing client.
Analyze a monophonic audio recording and convert the pitch into a MIDI file. Perfect for capturing musical ideas. Client-side.
Press any key combination and record the sequence. Export as JSON or humanβreadable text. Perfect for documenting shortcuts.
Connect a MIDI controller and see every message in a log. Filter by channel and type. Essential for debugging music apps.
Connect a game controller and see every button press, axis movement, and vibration test. Uses the Gamepad API.
See the roving tabindex pattern in action. Use arrow keys to navigate a list. Copy the accessible JavaScript pattern.
Compare :focus and :focusβvisible styling. See which one applies when using mouse vs. keyboard. Accessible focus management.
Connect a gamepad and see all button presses and axis movements visually. Check that every input is detected correctly.
Press any key to see the complete KeyboardEvent properties: key, code, keyCode, modifiers. Indispensable for game & shortcut developers.
Write JavaScript code and see the output or console.log results immediately. Safe iframe sandbox. For quick experiments.
Experiment with CSS container queries. Resize a container and see the styles change according to its size, not the viewport. Learn the new spec.
Test prompt formatting without calling an LLM. See how your prompt would look with different templates. Dev tool.
Write a media query and instantly see if it matches your current viewport. Width, height, orientation, and more.
Fill in a preβdesigned meeting notes template and copy as formatted HTML or plain text. Quick documentation.
Press any key and see it light up on a standard QWERTY layout. Check functionality or demonstrate shortcuts.
Enter a URL and drag a slider to change the viewport width smoothly. See exactly where your layout breaks. No iframe limits.