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 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
  • 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?

[netlify]

✅ Deploy Preview for cyf-onboarding-module ready!

Name	Link
🔨 Latest commit	1d9db38
🔍 Latest deploy log	https://app.netlify.com/projects/cyf-onboarding-module/deploys/697420044f3d6e0008d7b9d8
😎 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.