QR CODE CHALLENGE

Community feedback

• 

  Vanza Setia•27,775

  @vanzasetiaPosted about 2 years ago

  Hi, Uday! 👋

  I would not recommend using a CSS Framework for small projects, especially when you just getting started. Using any CSS Framework will slow down the process of learning CSS (it might even make you stop learning CSS).

  So, I recommend writing the CSS on your own. This way, you will learn more about the actual language itself. Then, once you are comfortable with CSS, you can start exploring different CSS Frameworks. I suggest only using it when you need to use it. Otherwise, it will only make the site full of unused CSS.

  Some more suggestions:

  • Alternative text should not be hyphenated.
  • Alternative text should not contain the word "image". The semantic meaning of the image element is already enough to tell assistive technologies that it is an image.
  • I recommend using semantic HTML because of the following reasons.
    • It gives tools or assistive technologies such as screenreader the information about the website like the page structure.
    • If or when the CSS doesn't load, the website still makes sense. It's because the browser's user agent stylesheet will get applied. So, the page will still make sense.
  • I recommend learning about HTML on the web.dev HTML tutorial. It will give you a good understanding of semantic HTML, why it matters, etc.

  I have three recommended videos. The first one tells how hard HTML is (HTML is not easy). The other two talk about modern CSS techniques and approaches.

  • Manuel Matuzović - Lost in Translation - YouTube
  • Andy Bell – Be the browser’s mentor, not its micromanager - YouTube
  • Stephanie Eeckles - Scaling CSS Layout Beyond Pixels - YouTube

  Lastly, I suggest visiting the Solid Start website to get an overview of web accessibility.

  I hope this helps! Happy coding!

  2