Essential session storage is required to sign in. Optional analytics remain off unless you allow them.
Build an HTML page with a real, accessible <form> and rich media (still HTML-focused; minimal CSS allowed only for basic visibility). The form must: associate a <label> with every control (for/id or wrapping), use appropriate input TYPES (email, number, date, tel, etc.), group related controls with fieldset/legend, include a select and a textarea, and use NATIVE validation (required, pattern, min/max) — and your write-up must explain why the server must still re-validate. Add responsive images (srcset/sizes or <picture>) with correct alt, and a <video> or <audio> element with captions/subtitles via <track>. Keep it keyboard-operable.
Every control labeled; correct input types; fieldset/legend; native validation used; keyboard-operable.
Responsive images (srcset/picture) with correct alt; audio/video with <track> captions; fallbacks.
Explains that native/client validation is UX-only and the server must always re-validate.
Use this README structure to make the work reviewable.
DevPath fetches a read-only, size-capped snapshot. Submitted code is never executed.
# An accessible form + media page ## Goal Build an HTML page with a real, accessible <form> and rich media (still HTML-focused; minimal CSS allowed only for basic visibility). The form must: associate a <label> with every control (for/id or wrapping), use appropriate input TYPES (email, number, date, tel, etc.), group related controls with fieldset/legend, include a select and a textarea, and use NATIVE validation (required, pattern, min/max) — and your write-up must explain why the server must still re-validate. Add responsive images (srcset/sizes or <picture>) with correct alt, and a <video> or <audio> element with captions/subtitles via <track>. Keep it keyboard-operable. ## Acceptance criteria - [ ] Accessible form: Every control labeled; correct input types; fieldset/legend; native validation used; keyboard-operable. - [ ] Media done right: Responsive images (srcset/picture) with correct alt; audio/video with <track> captions; fallbacks. - [ ] Understands validation: Explains that native/client validation is UX-only and the server must always re-validate. ## Verification - [ ] Document installation and run commands. - [ ] Record automated checks and their exact commands. - [ ] Add representative output, screenshots, or a short demo where useful. - [ ] Confirm failure paths and known constraints. ## Decision log ### Decision title - Context: - Choice: - Alternatives considered: - Tradeoffs: ## Evidence - Link each rubric criterion to the file, test, or artifact that demonstrates it. ## Known limitations - List what is intentionally out of scope and what should be improved next.