Remove role="main" from main element.

This was needed for Internet Explorer 11.

build/vnu-jar.js

@@ -34,9 +34,6 @@ childProcess.exec('java -version', (error, stdout, stderr) => {
     // Documentation does not rely on them being usable.
     'The “date” input type is not supported in all browsers.*',
     'The “time” input type is not supported in all browsers.*',
-    // IE11 doesn't recognise <main> / give the element an implicit "main" landmark.
-    // Explicit role="main" is redundant for other modern browsers, but still valid.
-    'The “main” role is unnecessary for element “main”.',
     // Ignore the wrong lanuage code warnings for now; they happen randomly.
     'This document appears to be written in.*'
   ].join('|')

site/content/docs/4.3/examples/album/index.html

@@ -37,7 +37,7 @@ <h4 class="text-white">Contact</h4>
   </div>
 </header>
 
-<main role="main">
+<main>
 
   <section class="jumbotron text-center">
     <div class="container">

site/content/docs/4.3/examples/blog/index.html

@@ -82,7 +82,7 @@ <h3 class="mb-0">Post title</h3>
   </div>
 </div>
 
-<main role="main" class="container">
+<main class="container">
   <div class="row">
     <div class="col-md-8 blog-main">
       <h3 class="pb-4 mb-4 font-italic border-bottom">

site/content/docs/4.3/examples/carousel/index.html

@@ -31,7 +31,7 @@
   </nav>
 </header>
 
-<main role="main">
+<main>
 
   <div id="myCarousel" class="carousel slide" data-ride="carousel">
     <ol class="carousel-indicators">

site/content/docs/4.3/examples/cover/index.html

@@ -19,7 +19,7 @@ <h3 class="masthead-brand">Cover</h3>
     </div>
   </header>
 
-  <main role="main" class="inner cover">
+  <main class="inner cover">
     <h1 class="cover-heading">Cover your page.</h1>
     <p class="lead">Cover is a one-page template for building simple and beautiful home pages. Download, edit the text, and add your own fullscreen background photo to make it your own.</p>
     <p class="lead">

site/content/docs/4.3/examples/dashboard/dashboard.css

@@ -66,12 +66,12 @@ body {
  * Content
  */
 
-[role="main"] {
+.dashboard-main {
   padding-top: 133px; /* Space for fixed navbar */
 }
 
 @media (min-width: 768px) {
-  [role="main"] {
+  .dashboard-main {
     padding-top: 48px; /* Space for fixed navbar */
   }
 }

site/content/docs/4.3/examples/dashboard/index.html

@@ -97,7 +97,7 @@ <h6 class="sidebar-heading d-flex justify-content-between align-items-center px-
       </div>
     </nav>
 
-    <main role="main" class="col-md-9 ml-sm-auto col-lg-10 px-4">
+    <main class="col-md-9 ml-sm-auto col-lg-10 px-4 dashboard-main">
       <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
         <h1 class="h2">Dashboard</h1>
         <div class="btn-toolbar mb-2 mb-md-0">

site/content/docs/4.3/examples/jumbotron/index.html

@@ -38,7 +38,7 @@
   </div>
 </nav>
 
-<main role="main">
+<main>
 
   <!-- Main jumbotron for a primary marketing message or call to action -->
   <div class="jumbotron">

site/content/docs/4.3/examples/navbar-fixed/index.html

@@ -29,7 +29,7 @@
   </div>
 </nav>
 
-<main role="main" class="container">
+<main class="container">
   <div class="jumbotron">
     <h1>Navbar example</h1>
     <p class="lead">This example is a quick exercise to illustrate how fixed to top navbar works. As you scroll, it will remain fixed to the top of your browser’s viewport.</p>

site/content/docs/4.3/examples/navbar-static/index.html

@@ -29,7 +29,7 @@
   </div>
 </nav>
 
-<main role="main" class="container">
+<main class="container">
   <div class="jumbotron">
     <h1>Navbar example</h1>
     <p class="lead">This example is a quick exercise to illustrate how the top-aligned navbar works. As you scroll, this navbar remains in its original position and moves with the rest of the page.</p>

site/content/docs/4.3/examples/navbars/index.html

@@ -309,7 +309,7 @@
     </div>
   </nav>
 
-  <main role="main">
+  <main>
     <div class="jumbotron">
       <div class="col-sm-8 mx-auto">
         <h1>Navbar examples</h1>

site/content/docs/4.3/examples/offcanvas/index.html

@@ -61,7 +61,7 @@
   </nav>
 </div>
 
-<main role="main" class="container">
+<main class="container">
   <div class="d-flex align-items-center p-3 my-3 text-white-50 bg-purple rounded shadow-sm">
     <img class="mr-3" src="/docs/{{< param docs_version >}}/assets/brand/bootstrap-outline.svg" alt="" width="48" height="48">
     <div class="lh-100">

site/content/docs/4.3/examples/starter-template/index.html

@@ -38,7 +38,7 @@
   </div>
 </nav>
 
-<main role="main" class="container">
+<main class="container">
 
   <div class="starter-template">
     <h1>Bootstrap starter template</h1>

site/content/docs/4.3/examples/sticky-footer-navbar/index.html

@@ -35,7 +35,7 @@
 </header>
 
 <!-- Begin page content -->
-<main role="main" class="flex-shrink-0">
+<main class="flex-shrink-0">
   <div class="container">
     <h1 class="mt-5">Sticky footer with fixed navbar</h1>
     <p class="lead">Pin a footer to the bottom of the viewport in desktop browsers with this custom HTML and CSS. A fixed navbar has been added with <code>padding-top: 60px;</code> on the <code>main &gt; .container</code>.</p>

site/content/docs/4.3/examples/sticky-footer/index.html

@@ -9,7 +9,7 @@
 ---
 
 <!-- Begin page content -->
-<main role="main" class="flex-shrink-0">
+<main class="flex-shrink-0">
   <div class="container">
     <h1 class="mt-5">Sticky footer</h1>
     <p class="lead">Pin a footer to the bottom of the viewport in desktop browsers with this custom HTML and CSS.</p>

site/layouts/_default/404.html

@@ -8,7 +8,7 @@
 
     {{ partial "docs-navbar" . }}
 
-    <main class="my-auto p-5" id="content" role="main">
+    <main class="my-auto p-5" id="content">
       {{ .Content }}
     </main>
 

site/layouts/_default/docs.html

@@ -20,7 +20,7 @@
           </nav>
         {{ end }}
 
-        <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
+        <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content">
           <h1 class="bd-title" id="content">{{ .Title | markdownify }}</h1>
           <p class="bd-lead">{{ .Page.Params.Description | markdownify }}</p>
           {{ partial "ads" . }}

site/layouts/_default/single.html

@@ -19,7 +19,7 @@ <h1 class="bd-title mt-0">{{ .Title | markdownify }}</h1>
       {{ partial "ads" . }}
     </header>
 
-    <main class="bd-content p-5" id="content" role="main">
+    <main class="bd-content p-5" id="content">
       {{ .Content }}
     </main>
 

site/layouts/partials/home/masthead.html

@@ -1,4 +1,4 @@
-<main class="bd-masthead" id="content" role="main">
+<main class="bd-masthead" id="content">
   <div class="container">
     <div class="row align-items-center">
       <div class="col-6 mx-auto col-md-6 order-md-2">