@0xabdulkhaliq
Posted
Hello there š. 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, Currently you're usingp
element instead oflabel
. I agree there's no visual difference between using these elements. But this will greatly affect accessibility!
- 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.
- Example:
<label for="email" class="email-address">Email address</label>
<input type="email" name="email" id="email" placeholder="[email protected]">
.
I hope you find this helpful š Above all, the solution you submitted is great !
Happy coding!
@kanchan-git-projects
Posted
@0xabdulkhalid , Thank you so much for your insight. I will keep the points and shall implement it in future works.
@0xabdulkhaliq
Posted
@kanchan-git-projects Glad you found it helpful ! š¤