Add explicit role="main" to <main> elements (#22574)

For compatibility in IE10/IE11 which don't otherwise "know" this element's role/don't expose it to AT

diff --git a/docs/examples/dashboard/index.html b/docs/examples/dashboard/index.html
index 5270f170521c157b8313d674b9cd53b16b0dac91..923c5a59478cfbacb077d6fa34dbdc939c5b8e55 100644 (file)
--- a/docs/examples/dashboard/index.html
+++ b/docs/examples/dashboard/index.html
@@ -91,7 +91,7 @@
           </ul>
         </nav>
 
-        <main class="col-sm-9 offset-sm-3 col-md-10 offset-md-2 pt-3">
+        <main class="col-sm-9 offset-sm-3 col-md-10 offset-md-2 pt-3" role="main">
           <h1>Dashboard</h1>
 
           <section class="row text-center placeholders">

diff --git a/docs/index.html b/docs/index.html
index 3b6c9206efcf3f0246cd2dda29f7bc5d4e229a11..ff037113a78f44820122b698b65b223e79a38182 100644 (file)
--- a/docs/index.html
+++ b/docs/index.html
@@ -2,7 +2,7 @@
 layout: home
 ---
 
-<main class="bd-masthead" id="content">
+<main class="bd-masthead" id="content" role="main">
   <div class="container">
     <span class="bd-booticon outline">B</span>
     <p class="lead">Bootstrap is the most popular HTML, CSS, and JS framework in the world for building responsive, mobile-first projects on the web.</p>