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.

Resources

• ...