Summary

Replace generic elements like <div> and <span> with semantic landmark elements.

Requirements

• Home page:
  • Use a single <main> element per page to wrap content directly related to the page's main purpose
  • Use the <nav> element to identify primary the menu.
  • Replace generic <div> tags with <section> for logically grouped content areas.
  • Use <article> for Post list block.
  • Replace <a> element for the Donate button with the <button> element.
  • Add the aria-label="Greenpeace Homepage" to the Greenpeace logo in the nav bar.
• Post page:
  • Use the "aria-disabled" attribute when button is disabled in the comments block to explicitly communicate its state to assistive technologies.
  • Add the <nav> element to the tags. Use <nav> instead of <div> for breadcrumbs.
  • Replace the <div> tags with <section> for comments block.
• Blocks:
  • All blocks should be wrapped inside a <section> block (instead of <div>)