Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Ping single column coming soon page

@sauravchamoli17

Desktop design screenshot for the Ping single column coming soon page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Can anyone tell me why the ping logo is not showing full svg?

Community feedback

P
Matt Studdert 13,611

@mattstuddert

Posted

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

@sauravchamoli17

Posted

@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
P
Matt Studdert 13,611

@mattstuddert

Posted

@sauravchamoli17 sure. input elements need to be paired with label elements, otherwise they are inaccessible to screen reader users. So you need to either add a label with a for attribute or add an aria-label attribute to the input 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 descriptive aria-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 GitHub
Discord logo

Join 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