Design comparison
SolutionDesign
Community feedback
- @0xabdulkhaliqPosted 8 months ago
Hello Bro ๐. Congratulations on successfully completing the challenge! ๐
- I have a suggestion regarding your code that I believe will be of great interest to you.
LABELS ๐:
input
elements wants alabel
associated with it
- A
<label>
is used to create a caption for a form control. The<label>
can be associated with a form control either implicitly by placing the control element inside the label element, or explicitly by using the for attribute
- Effective form
labels
are required to make forms accessible. The purpose ofform
elements such ascheckboxes
,radio
buttons,input
fields, etc, is often apparent to sighted users
- Even if the
form
element is not programmatically labeled. Screen readers users require useful formlabels
to identifyform
fields, So here usingaria-label="{values}"
attributes forinput
is enough to be accessible
- Example:
<input type="text" aria-label="First Name" class="" id="first-name" name="first-name" placeholder="First Name">
.
I hope you find this helpful ๐ Above all, the solution you submitted is great !
Happy coding!
0@VishwanathanselvamoorthyPosted 8 months ago@0xabdulkhalid hi bro im vishwa from Chennai,India.Thanks for commenting for my project bro...can we connect through linkedin...comment u r linkedin id bro we will share our thougths
0@0xabdulkhaliqPosted 8 months agoOops @Vishwanathanselvamoorthy, I'm currently not active on LinkedIn due to my Exams.
But we can connect for now, here's my LinkedIn
Glad to connect with you Bro!
0@0xabdulkhaliqPosted 8 months agoเฎคเฎฎเฎฟเฎดเฎฉเฏ thaan Bro โค๏ธโ๐ฅ
0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord