Creating qr code using Bootstrap and CSS custom properties

Community feedback

• 

  Leo López•110

  @Ciensprog

  Posted over 2 years ago

  Is it cheating for using bootstrap on this project?

  Of course of not! you can use any tool for create your solutions, from vanilla js to any library/framework like react, vue, astro, etc.

  However, there are some accesibility errors that should be fix:

  • In your src attribute for img tag, you can replace backslash \ for slash / because th backslash is used like path delimiter or escaping characters (in regex).
  • Consider add an alt attribute to img tag for give a contexts of the image, for example <img src="..." alt="QR Code" />.
  • Replace your <div class="container-fluid ..." (div tag) with a main tag to fix accesibiilty error.
  • Replace your level-five heading with level-one heading to fix accesibility errors, for example: <h5> -> <h1>.
  • Replace your <div class="attribution fixed-bottom"> (div tag) with a semantic footer tag such as: <footer class="attribution fixed-bottom"> to fix accesibility errors.

  Great job!

  20

  Marked as helpful