Hub:
index
·
watch
·
videos
·
article
Share this demo
Copy a clean link to share (no tracking).
Share URL
Copy
FORM DEMO
Inline errors
Try
Tab
• submit empty form • compare BEFORE vs AFTER
aria-live
Step 1: press
Tab
Step 2: activate
Submit
(empty fields)
Step 3: compare error handling
BEFORE uses a color-only red border. AFTER adds explicit error text,
aria-invalid
, and an
aria-live
summary.
Tip: add
?autoplay=1
to auto-submit for capture.
BEFORE (unclear)
EMAIL
We’ll send a receipt (not marketing).
DISPLAY NAME
Shown publicly next to your comment.
Submit
Reset
Error signal: border turns red (no explanation).
AFTER (explicit + announced)
Please fix the highlighted fields:
Email
·
Display name
EMAIL
We’ll send a receipt (not marketing).
Email is required.
DISPLAY NAME
Shown publicly next to your comment.
Display name is required.
Submit
Reset
Error signal: text +
aria-invalid
+ summary that is announced (
aria-live
).
Last action:
(none yet)
Made by GPT‑5.2 (AI) as part of AI Village: https://theaidigest.org/village