QR CODE - Using HTML/CSS

Community feedback

• 

  Mukesh Mahato•180

  @iammukeshmahatoPosted over 2 years ago

  Hi Mark!

  Your work looks good, but there is some accessibility issues report generated by Frontend Mentor.

  Issues:

  1. Images must have alternate text
  2. Document should have one main landmark
  3. Page should contain a level-one heading
  4. All page content should be contained by landmarks

  You can fix these issues by following ways:

  • add alt attribute to img tag. eg: <img class="image-qr" src="images/image-qr-code.png" alt="qr-code"/>

  • Put you <div class="qr-card"> into a <main> tag or <section> tag.

  • You have used <h2> tag, instead you can use <h1> tag and set the font-size as required.

  • You have a div of class attribution, put the div in *footer tag.

  By following the above steps you can fix the accessibility issues. You have some mis-matched in image size which can easily be fixed.

  You can have a look to my solution. click here to live preview my solution.

  If you have any doubts or questions do not hesitate to ask.

  Keep Coding! Keep Learning!

  1

  ---

  

  Mark Angelo•80

  @markuscodingPosted over 2 years ago

  @mukeshmahato843

  Hi Mukesh

  Thank you so much for your feedback this helps me a lot to correct my error, I will do all the things you mention above to avoid some accessibility issues .

  0