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

Clipboard Landing Page

@aay7ush

Desktop design screenshot for the Clipboard landing page coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


I appreciate any feedback or suggestions you have regarding the solution.

Community feedback

Vanza Setia 27,795

@vanzasetia

Posted

Greetings, Aayush Jaiswal! 👋

The following suggestions can help you to improve your solution.

  • Alternative text for the logo should be 'Clipboard' instead of 'logo.'
  • Alternative text for images should not contain any words related to "image" (such as picture, photo, logo, icon, graphic, avatar). It is already an image element (<img>) so the screen reader will pronounce it as an image.
  • Use <a> with download attribute for the download buttons.
  • Not every image needs alternative text. Decorative images should not have alternative text (alt=""). This will tell the screen reader to skip over the image. As a result, it saves screen reader users time navigating the page.
  • Wrap the social media icons with <a> tags. Those are the social media links of the company.
  • Download the necessary icons instead of importing the whole Font Awesome icons to improve the performance of the site.

I hope my suggestions are useful. Happy coding! 😄

0

@aay7ush

Posted

@vanzasetia Thanks for your suggestions!

0
Vanza Setia 27,795

@vanzasetia

Posted

@aay7ush

You are welcome! 👍

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