Mobile First - HTML & Vanilla CSS

Community feedback

• 

  T

  Matt Studdert•13,611

  @mattstuddertPosted over 3 years ago

  Hey Alisa, nice work on this project! The main warning on your accessibility report is due to your HTML missing a main element. The main element is a semantic HTML5 landmarking element, like header, nav, and footer. Every page you create should have a single main element to mark the page's main content.

  You're also missing a h1 heading. This challenge is tricky with that accessibility warning because the three headings would all normally be lower than h1 in a larger project. To ensure this page still has a h1 heading, though, you could add it and then visually hide it so that it can still be accessed by people using screen reader software. Here's a good article to learn more about visually hidden content for accessibility.

  I hope that helps. Let me know if you have any questions. Keep up the great work!

  Marked as helpful

  2

  ---

  

  Alisa Zarina•20

  @alisazarinaPosted over 3 years ago

  @mattstuddert Hey, Matt! Thank you for the helpful response. I've updated my code accordingly, but I still seem to face the same Accessibility Issues in the report. 😓 Not sure what else I'm missing?

  Here's the direct link to my HTML code: https://github.com/alisazarina/3-column-preview-card/blob/main/index.html

  Really appreciate the help! x

  0

  

  T

  Matt Studdert•13,611

  @mattstuddertPosted over 3 years ago

  @alisazarina, you're welcome! It looks like you haven't generated a new report. Now that you've updated your code go to the report page and click "Generate new report" at the top. You'll then see if there are any new issues.

  I'd recommend not having multiple h1 headings, as this can also be an accessibility issue. Instead, I'd have a single visually hidden h1 with three h2 headings for this project.

  1

  

  Alisa Zarina•20

  @alisazarinaPosted over 3 years ago

  @mattstuddert Got it! Still new around here, so I'm thankful for all the tips and tricks. 😊 Excited to do more challenges - thanks for creating such a cool site, Matt! (Also kind of psyched to be corresponding with its founder, haha)

  All the best. x

  0

  

  T

  Matt Studdert•13,611

  @mattstuddertPosted over 3 years ago

  @alisazarina, haha, no worries! I'm delighted to hear you like the site. I hope you continue to enjoy the challenges! 🙂

  1