diff --git a/packages/docusaurus-theme-classic/src/theme/BlogListPage/index.js b/packages/docusaurus-theme-classic/src/theme/BlogListPage/index.js
index b9e82e0f61..6426bc8874 100644
--- a/packages/docusaurus-theme-classic/src/theme/BlogListPage/index.js
+++ b/packages/docusaurus-theme-classic/src/theme/BlogListPage/index.js
@@ -24,7 +24,7 @@ function BlogListPage(props) {
     <Layout title={title} description="Blog">
       <div className="container margin-vert--lg">
         <div className="row">
-          <div className="col col--8 col--offset-2">
+          <main className="col col--8 col--offset-2">
             {items.map(({content: BlogPostContent}) => (
               <BlogPostItem
                 key={BlogPostContent.metadata.permalink}
@@ -35,7 +35,7 @@ function BlogListPage(props) {
               </BlogPostItem>
             ))}
             <BlogListPaginator metadata={metadata} />
-          </div>
+          </main>
         </div>
       </div>
     </Layout>
diff --git a/packages/docusaurus-theme-classic/src/theme/BlogTagsListPage/index.js b/packages/docusaurus-theme-classic/src/theme/BlogTagsListPage/index.js
index 177de013a8..ba490ac9da 100644
--- a/packages/docusaurus-theme-classic/src/theme/BlogTagsListPage/index.js
+++ b/packages/docusaurus-theme-classic/src/theme/BlogTagsListPage/index.js
@@ -51,10 +51,10 @@ function BlogTagsListPage(props) {
     <Layout title="Tags" description="Blog Tags">
       <div className="container margin-vert--lg">
         <div className="row">
-          <div className="col col--8 col--offset-2">
+          <main className="col col--8 col--offset-2">
             <h1>Tags</h1>
             <div className="margin-vert--lg">{tagsSection}</div>
-          </div>
+          </main>
         </div>
       </div>
     </Layout>
diff --git a/packages/docusaurus-theme-classic/src/theme/BlogTagsPostsPage/index.js b/packages/docusaurus-theme-classic/src/theme/BlogTagsPostsPage/index.js
index 89bc9acfcb..41d10517f8 100644
--- a/packages/docusaurus-theme-classic/src/theme/BlogTagsPostsPage/index.js
+++ b/packages/docusaurus-theme-classic/src/theme/BlogTagsPostsPage/index.js
@@ -25,7 +25,7 @@ function BlogTagsPostPage(props) {
       description={`Blog | Tagged "${tagName}"`}>
       <div className="container margin-vert--lg">
         <div className="row">
-          <div className="col col--8 col--offset-2">
+          <main className="col col--8 col--offset-2">
             <h1>
               {count} {pluralize(count, 'post')} tagged with &quot;{tagName}
               &quot;
@@ -42,7 +42,7 @@ function BlogTagsPostPage(props) {
                 </BlogPostItem>
               ))}
             </div>
-          </div>
+          </main>
         </div>
       </div>
     </Layout>
diff --git a/website/src/pages/feedback/index.js b/website/src/pages/feedback/index.js
index 70b6a96c02..3c8ab5a709 100644
--- a/website/src/pages/feedback/index.js
+++ b/website/src/pages/feedback/index.js
@@ -29,7 +29,7 @@ function Feedback() {
       permalink="/feedback"
       title="Feedback"
       description="Docusaurus 2 Feedback page">
-      <div
+      <main
         className={classnames(
           'container',
           'margin-vert--xl',
diff --git a/website/src/pages/showcase/index.js b/website/src/pages/showcase/index.js
index 71183163e1..32ea576bd9 100644
--- a/website/src/pages/showcase/index.js
+++ b/website/src/pages/showcase/index.js
@@ -21,7 +21,7 @@ const DESCRIPTION =
 function Showcase() {
   return (
     <Layout title={TITLE} description={DESCRIPTION}>
-      <div className="container margin-vert--lg">
+      <main className="container margin-vert--lg">
         <div className="text--center margin-bottom--xl">
           <h1>{TITLE}</h1>
           <p>{DESCRIPTION}</p>
@@ -71,7 +71,7 @@ function Showcase() {
             </div>
           ))}
         </div>
-      </div>
+      </main>
     </Layout>
   );
 }
diff --git a/website/src/pages/versions.js b/website/src/pages/versions.js
index b04737a361..030f29e0f3 100644
--- a/website/src/pages/versions.js
+++ b/website/src/pages/versions.js
@@ -26,7 +26,7 @@ function Version() {
       title="Versions"
       permalink="/versions"
       description="Docusaurus 2 Versions page listing all documented site versions">
-      <div className="container margin-vert--lg">
+      <main className="container margin-vert--lg">
         <h1>Docusaurus documentation versions</h1>
         <div className="margin-bottom--lg">
           <h3 id="latest">Latest version (Stable)</h3>
@@ -96,7 +96,7 @@ function Version() {
             </table>
           </div>
         )}
-      </div>
+      </main>
     </Layout>
   );
 }