Responsive using purely css and html and vanilla js

Community feedback

• 

  Eji Cyril Arinze•220

  @Cyril-ArinzePosted over 2 years ago

  Hello Tomiwa, Kudos, Your design, and functionality are great. However, your HTML has some validation and accessibility issues, notably are:

  1. no landmark
  2. no alternate text for images
  3. no labels for form elements.

  To overcome these issues;

  1. for landmark-related issues: use header tags to indicate the head section of your page, main tags to display the actual content of the page, and footer tags for the footer.
  2. img tags take alternate text as a fallback or backup in case the image doesn't load due to errors, to achieve this, add ' alt="image-name" ' to your opening image tags. alternate text is also helpful for user who is accessing your webpage using a screenreader
  3. all form inputs elements should have a label that takes the attribute "for" whose value corresponds with the id of the input element it represents.

  if you found my response helpful, do mark them as helpful

  Marked as helpful

  0
• 

  Afolabi Tomiwa•460

  @TomiwayrnPosted over 2 years ago

  Thanks for this. I have updated it now

  0