Skip to content

Birmingham|26-ITP-May|Yonas Gebre|Sprint 1|Form Control#1264

Open
yonasdesbelegebre wants to merge 9 commits into
CodeYourFuture:mainfrom
yonasdesbelegebre:yonas-form
Open

Birmingham|26-ITP-May|Yonas Gebre|Sprint 1|Form Control#1264
yonasdesbelegebre wants to merge 9 commits into
CodeYourFuture:mainfrom
yonasdesbelegebre:yonas-form

Conversation

@yonasdesbelegebre
Copy link
Copy Markdown

Learners, PR Template

Self checklist

  • [x ] I have titled my PR with Region | Cohort | FirstName LastName | Sprint | Assignment Title
  • [ x] My changes meet the requirements of the task
  • [ x] I have tested my changes
  • [ x] My changes follow the style guide

Changelist

The form collects customer names and email addresses, as well as t-shirt sizes and colors.
The inputs are all required.
For customer names, it is only possible to use characters.
For the email, I use a regular expression.
For t-shirt colors, there are 3 available choices as radio type with colors black, red, and blue.
For T-shirt , i use select one from the list of 6 sizes.
Styles for the form and elements.

@netlify
Copy link
Copy Markdown

netlify Bot commented May 14, 2026

Deploy Preview for cyf-onboarding-module ready!

Name Link
🔨 Latest commit df00e2f
🔍 Latest deploy log https://app.netlify.com/projects/cyf-onboarding-module/deploys/6a198a54acdb6200074b4815
😎 Deploy Preview https://deploy-preview-1264--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: 91 (🟢 up 5 from production)
PWA: -
View the detailed breakdown and full score reports
🤖 Make changes Run an agent on this branch

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

yonasdesbelegebre

This comment was marked as resolved.

@yonasdesbelegebre yonasdesbelegebre added the Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. label May 22, 2026
@Luro91 Luro91 added the Review in progress This review is currently being reviewed. This label will be replaced by "Reviewed" soon. label May 24, 2026
Comment thread Form-Controls/index.html Outdated
Comment thread Form-Controls/index.html Outdated
Comment thread Form-Controls/style.css
Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Good job that you separated the CSS into its own file—that’s an excellent best practice and will make your code much easier to read, debug, and maintain as it grows.

Comment thread Form-Controls/README.md
Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Why are there changes in this file? How is it related to the task?

Copy link
Copy Markdown
Author

Choose a reason for hiding this comment

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

sorry, could you make it clear. Did you need more explanation about the code.

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

You commited some change to Form-Controls/README.md which I don't understand.

Comment thread Form-Controls/index.html Outdated
Comment thread Form-Controls/index.html Outdated
@Luro91 Luro91 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. Review in progress This review is currently being reviewed. This label will be replaced by "Reviewed" soon. labels May 24, 2026
Copy link
Copy Markdown
Author

@yonasdesbelegebre yonasdesbelegebre left a comment

Choose a reason for hiding this comment

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

I have learned more about how to validate and clean my code, thank you for your feedback.

@yonasdesbelegebre yonasdesbelegebre added Needs Review Trainee to add when requesting review. PRs without this label will not be reviewed. and removed Reviewed Volunteer to add when completing a review with trainee action still to take. labels Jun 5, 2026
Copy link
Copy Markdown

@Luro91 Luro91 left a comment

Choose a reason for hiding this comment

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

I get an Accessibility score of 89 in Lighthouse. How can you get it to 100?

Image

Comment thread Form-Controls/index.html
<div>
<label for="customername">Customer name *: </label>
<input type="text" id="customername" name="customername" required
pattern="^[A-Za-z]{2,}$"
Copy link
Copy Markdown

Choose a reason for hiding this comment

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

This does not allow special characters like the German ä,ü,ö or Russian ед

Comment thread Form-Controls/README.md
Copy link
Copy Markdown

Choose a reason for hiding this comment

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

You commited some change to Form-Controls/README.md which I don't understand.

@Luro91 Luro91 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 Jun 6, 2026
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.

3 participants