From: Patrick H. Lauke <redux@splintered.co.uk>
Date: Fri, 5 May 2017 09:22:09 +0000 (+0100)
Subject: Add explicit role="main" to <main> elements (#22574)
X-Git-Tag: v4.0.0-beta~147^2~32^2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=2a4be9a0c900b635548a27aa8022dca9c3061cef;p=thirdparty%2Fbootstrap.git

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 5270f17052..923c5a5947 100644
--- 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 3b6c9206ef..ff037113a7 100644
--- 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>