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

Fylo data storage component

Woldu Tsegazgiβ€’ 910

@weldu0

Desktop design screenshot for the Fylo data storage component coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

I'm proud to be able to use the aria attribute.

What specific areas of your project would you like help with?

Is it acceptable to use aria attributes and roles instead of semantic tags?

Community feedback

Rebecca Padgettβ€’ 1,760

@bccpadge

Posted

Hello @weldu0. Congratulations on completing this challenge!!!πŸŽ‰

To answer you question, I suggest you use semantic HTML tags and aria attributes in every project you build. Accessibility is important for people who have disabilities and especially who use screen readers or use the keyboard to navigate a website.

When I looked at you index.html file, I see you used <div> and <span> which are non-semantic HTML elements and doesn't explain the content at all. You want to use <p> tag which stands for paragraph.

More infoπŸ“š:

I hope you find this useful and don't hesitate to reach out if you have any questions

Marked as helpful

0

Woldu Tsegazgiβ€’ 910

@weldu0

Posted

Thanks, Rebecca, for the useful feedback. I never thought that non-semantic HTML could cause problems even after using some of the aria attributes. Now it makes sense after reading the article you tagged. @bccpadge

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