Skip to content

BIRMINGHAM | 26-ITP-JAN | MERVE REIS | Sprint 2 | PRODUCT FORM#1079

Open
mervereis wants to merge 4 commits intoCodeYourFuture:mainfrom
mervereis:product-form
Open

BIRMINGHAM | 26-ITP-JAN | MERVE REIS | Sprint 2 | PRODUCT FORM#1079
mervereis wants to merge 4 commits intoCodeYourFuture:mainfrom
mervereis:product-form

Conversation

@mervereis
Copy link

@mervereis mervereis commented Jan 26, 2026

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 a product pick form

@netlify
Copy link

netlify bot commented Jan 26, 2026

Deploy Preview for cyf-onboarding-module ready!

Name Link
🔨 Latest commit ff11cec
🔍 Latest deploy log https://app.netlify.com/projects/cyf-onboarding-module/deploys/6983ab4d171794000894dcd7
😎 Deploy Preview https://deploy-preview-1079--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.

@mervereis mervereis added the Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. label Jan 26, 2026
Copy link

@takanocap takanocap left a comment

Choose a reason for hiding this comment

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

Please check that you have saved the assignment and pushed to github. I am not sure I can see any solution in the file

@takanocap takanocap 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 Jan 27, 2026
@mervereis
Copy link
Author

@takanocap I've added the product form to the html file. you can check again now

@mervereis mervereis added the Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. label Jan 30, 2026
@takanocap takanocap self-assigned this Jan 30, 2026
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Product Form</title>
<link rel="stylesheet" href="style.css" />

Choose a reason for hiding this comment

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

well done for the good Job. You have also included accessibility thats very good. Please keep it up. However, your styles.css may be missing or using the wrong reference. Please check this

Copy link
Author

@mervereis mervereis Feb 2, 2026

Choose a reason for hiding this comment

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

@takanocap I removed unused style linking.


<div>
<label for="email">E-mail</label>
<input type="email" name="E-mail" id="email" placeholder="name@example.com" required aria-required="true" />

Choose a reason for hiding this comment

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

is it possible to use the minlength for additional validation for email?

Copy link
Author

@mervereis mervereis Feb 2, 2026

Choose a reason for hiding this comment

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

@takanocap I added min length feature.

@takanocap takanocap removed the Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. label Jan 30, 2026

<div>
<label for="colour">Colour</label>
<select name="colour" id="colour" required aria-required="true" aria-label="Select a colour">

Choose a reason for hiding this comment

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

welldone for the good job.
when we have a visible label could there be a reason why using aria-label will be redundant ? what is the difference between the aria-label and aria-labelledby, when should we use one or the other
would there be a reason why using aria-required and required may be redundant ?

Copy link
Author

Choose a reason for hiding this comment

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

@takanocap Thanks for the feedback. Since there is already a visible label and the required attribute provides the necessary accessibility information, I’ve reverted the redundant aria-label and aria-required usage.

Copy link

@takanocap takanocap left a comment

Choose a reason for hiding this comment

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

welldone for the good job.
LGTM

@takanocap takanocap added Complete Volunteer to add when work is complete and all review comments have been addressed. and removed Reviewed Volunteer to add when completing a review with trainee action still to take. labels Feb 5, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Complete Volunteer to add when work is complete and all review comments have been addressed.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants