Design comparison
Solution retrospective
Can anyone tell me why the ping logo is not showing full svg?
Community feedback
- @mattstuddertPosted almost 5 years ago
Hey Saurav. Great work on this challenge! Did you manage to resolve the issue with the SVG? I can't see anything wrong with it.
1@sauravchamoli17Posted almost 5 years ago@mattstuddert Thank you very much for reviewing my solution. Yeah I managed to resolve the issue with the svg. Can you help me out to resolve the accessibility issues in this project?
0@mattstuddertPosted almost 5 years ago@sauravchamoli17 sure.
input
elements need to be paired withlabel
elements, otherwise they are inaccessible to screen reader users. So you need to either add alabel
with afor
attribute or add anaria-label
attribute to theinput
which will become the label text. For the anchor tags, you're getting these errors because there is no text content inside them. You can also resolve this by adding descriptivearia-label
attributes to the anchor tags. For example,<a aria-label="Follow us on Facebook" href="https://facebook.com">...</a>
.Let me know if you have any questions.
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