Sheffield | 26-ITP-Jan | Richard Frimpong | Sprint 2 | Form Controls

[Richiealx]

Learners, PR Template

Self checklist

• I have titled my PR with Region | Cohort | FirstName LastName | Sprint | Assignment Title
• My changes meet the requirements of the task
• I have tested my changes
• My changes follow the style guide (https://curriculum.codeyourfuture.io/guides/reviewing/style-guide/)

Changelist

• Built a semantic HTML form to collect t-shirt order details
• Added required validation for name (minimum 2 characters and not whitespace-only) and email
• Limited colour choice to three radio button options
• Limited size choice to six predefined options
• Used fieldset and legend for accessible grouping
• No CSS or JavaScript used

Testing

• Opened the page locally with Live Server
• Confirmed browser validation blocks:
  • empty submit
  • 1-character name
  • whitespace-only name (e.g. spaces only)
  • invalid email format
  • missing colour selection
  • missing size selection
• Ran Lighthouse (Desktop) and got Accessibility score = 100

Questions

• Is my use of semantic HTML and form validation appropriate?
• Are there any accessibility or structure improvements you would recommend?
• I added a pattern attribute to reject whitespace-only names, as suggested. Please let me know if this meets expectations.

[netlify]

✅ Deploy Preview for cyf-onboarding-module ready!

Name	Link
🔨 Latest commit	9ff77c3
🔍 Latest deploy log	https://app.netlify.com/projects/cyf-onboarding-module/deploys/6974f282471d020007393584
😎 Deploy Preview	https://deploy-preview-1034--cyf-onboarding-module.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	2 paths audited Performance: 100 (no change from production) Accessibility: 100 (no change from production) Best Practices: 100 (no change from production) SEO: 91 (🟢 up 5 from production) PWA: - View the detailed breakdown and full score reports

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[cjyuan]

Well done!

[cjyuan]

Is my use of semantic HTML and form validation appropriate?
Are there any accessibility or structure improvements you would recommend?

I am afraid AI probably knows more than I do on these topics.