Skip to content

London | 26-ITP-Jan | Raihan Sharif | Sprint 2 | form control#1202

Open
RaihanSharif wants to merge 2 commits intoCodeYourFuture:mainfrom
RaihanSharif:form-control-2
Open

London | 26-ITP-Jan | Raihan Sharif | Sprint 2 | form control#1202
RaihanSharif wants to merge 2 commits intoCodeYourFuture:mainfrom
RaihanSharif:form-control-2

Conversation

@RaihanSharif
Copy link

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

Changelist

Created form with relevant inputs, validations and accessibility with aria-labels.

@netlify
Copy link

netlify bot commented Feb 22, 2026

Deploy Preview for cyf-onboarding-module ready!

Name Link
🔨 Latest commit 49d794d
🔍 Latest deploy log https://app.netlify.com/projects/cyf-onboarding-module/deploys/69a004daeafcc700076c2365
😎 Deploy Preview https://deploy-preview-1202--cyf-onboarding-module.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
Lighthouse
Lighthouse
2 paths audited
Performance: 100 (no change from production)
Accessibility: 100 (no change from production)
Best Practices: 100 (no change from production)
SEO: 82 (🔴 down 4 from production)
PWA: -
View the detailed breakdown and full score reports

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

@RaihanSharif RaihanSharif added the Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. label Feb 25, 2026
Copy link
Contributor

@cjyuan cjyuan left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  • According to https://validator.w3.org/, there are errors in your code. Can you fix them?

  • Most labels in a HTML form begin with an uppercase letter. Can yo use an AI tool to find out why it is better that way?

Comment on lines 37 to 45
<select
name="shirt-color"
id="shirt-color"
aria-label="select shirt color"
required>
<option value="red">red</option>
<option value="red">green</option>
<option value="red">blue</option>
</select>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Can you configure the <select> element so that no option is selected by default, and thus allowing the user to make an explicit choice?

Also, the options are not marked up correctly. (Copy-paste error)

@cjyuan cjyuan added Reviewed Volunteer to add when completing a review with trainee action still to take. and removed Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. labels Feb 25, 2026
Select element now does not select one of the values by default.

Also chose not to remove trailing / in void elements. As prettier does not allow this. Would require installing and configuring an unmaintained extension.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Reviewed Volunteer to add when completing a review with trainee action still to take.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants