Skip to content
Submitted over 2 years ago

creation of web page using HTML and CSS and it is RESPONSIVE

#accessibility
Bryan Arredondo•510
@BryanPool99
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Stats preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

By doing the previous challenges it became easier for me to do this challenge and I also learned to do more quickly in the responsive way

Community feedback

  • Hamzat Lawal•560
    @EngineerHamzieyPosted over 2 years ago

    Hello , you have done a great work

    To fix Your accessibility issues:

    • always add the language attribute to your <html> tag, it should look like <html lang="en"> , here en means English
    • All Your page content should be contained by landmarks like <header>, <main> ,<footer>, etc
    • your card should be wrapped in main as in,
    <main class="survey card">
 /*NOT*/ 
<section class="survey card">
    • Also div.attribution should be contained in the footer. i.e
    <footer>
  <div class= "attribution"></div>
</footer>

    Then you can go to accessibility issue and click the "regenerate accessibility report" button

    • You can also improve on the responsiveness, check the my explained example below.

    if you don't mind, there are more explanation here on how I did mine after being corrected by mine dearest mentors.

    I hope you found this helpful 😊

    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord