Skip to content
OverviewSolutions
11
Comments
1
Leo López
@Ciensprog

All comments

  • Leo López•110
    @Ciensprog

    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!

    Marked as helpful